Opacity کردن Div

[smtp_ftp]

سلام دوستان گلم
خسته نباشید من چند تا div دارم که می خوام این هارو opacity رو براشون کم کنم به شکلی که تصویر زیرشون دیده بشه
اما این کارو که انجام میدم تمامی محتویات opacity شون کم میشه تصاویر و متن ها نمی دونم چی کار کنم خیلی گشتم

من می خوام که فقط background کم بشه و محتویات به طور عادی بمونن

این هم از کد CSS

background-color:#bcecff;
line-height:2; 
border-right:2px solid #06BFCE; 
border-left:2px solid #06BFCE; 
filter:alpha(opacity=60); 
opacity: 0.6;

 

[echessdesign]

درود بر شما
لطفا پیش از زدن تایپیک، سوال خود را در انجمن جستجو فرمایید، پیش تر در این رابطه توضیح داده شده است
به نکته مهمی اشاره کردید، شما باید به div که قرار است بر روی دیگر div ها قرار گیرد و خصوصیت opacity داشته باشد، این خصیصه ها را اعمال کنید:

z-index:999;
position:absolute;

 

[Milad]

برای اینکه محتویات خود div با opacity پایین نمایش داده نشه میتونید برای بکگراند از یک تصویر png با opacity پایین استفاده کنید .

 

[echessdesign]

ارادت میلاد جان
همچین موردی را که می فرمایید امکان پذیر نیست!
زیرا عناصر فرزند یک div ، خصوصیت opacity آن را به ارث می برند
موفق باشید

 

[Milad]

لطف داری حسین جان . فکر کنم منظورم رو درست منتقل نکردم .


منظور بنده هم همین بود ولی کامل ذکر نکردم و فقط روش دور زدنش رو گفتم ، برای اینکه یک div با opacity پایین داشته باشیم ولی opacity فرزندهاش 100% باشه باید یک عکس با opacity مورد نظر در فرمت png تهیه کنیم و به بکگراند div مورد نظرمون بدیم !

درست گفتم ؟! :دی

 

[echessdesign]

ارادت میلاد جان
فرمایش شما کاملا صحیح است، فقط دوستان توجه کنند که فرمت png در نسخه های پایین مرورگر IE به درستی پشتیبانی نمی شود