مشکل Opacity کردن Div

[mhd.ghavam]

سلام دوستان گلم
خسته نباشید من چند تا 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;

[binyaft]

برای تصاویر


img{

opacity: 0.6;

}

[mhd.ghavam]

نشد دوست عزیز یعنی کسی نبود کمک کنه

[AMIBCT]

محتوا وقتی داخل div باشه باید شفافیتش با شفافیت div کم بشه
اگه این طوری نباشه غیر منطقیه

شما اگه می‌خواهید این طوری نشه
یه یه div دیگه بدون پس زمینه ایجاد کنید و محتواتون رو داخل اون بذارین
اون div با پس زمینه هم خالی باشه و زیر این div جدید نمایش داده بشه

[mhd.ghavam]

محتوا وقتی داخل div باشه باید شفافیتش با شفافیت div کم بشه
اگه این طوری نباشه غیر منطقیه

شما اگه می‌خواهید این طوری نشه
یه یه div دیگه بدون پس زمینه ایجاد کنید و محتواتون رو داخل اون بذارین
اون div با پس زمینه هم خالی باشه و زیر این div جدید نمایش داده بشه

این کار رو هم انجام دادم اما بی فایده بودش

[AMIBCT]

درست انجام ندادید

[mojtaba00]

سلام دوست عزیز.
دوستان درست جواب دادند ولی من کاملش می کنم.

اولا که ما اگه شفافیت یک div رو کم کنیم، شفافیت کل اون کم میشه نه فقط بک گراندش. اگر می خواهیم اینطور باشه باید از 2 تا div استفاده کنیم. یکی برای تصویر و یکی برای متن.

دوما اینکه تغییر خاصیت opacity در مرورگرهای مختلف فرق می کنه. مثلا اگر بخواهیم خاصیت شفافیت یک div رو به 50% برسونیم از کد زیر استفاده می کنیم.


.somediv
{
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}

[mhd.ghavam]

سلام دوست عزیز.
دوستان درست جواب دادند ولی من کاملش می کنم.

اولا که ما اگه شفافیت یک div رو کم کنیم، شفافیت کل اون کم میشه نه فقط بک گراندش. اگر می خواهیم اینطور باشه باید از 2 تا div استفاده کنیم. یکی برای تصویر و یکی برای متن.

دوما اینکه تغییر خاصیت opacity در مرورگرهای مختلف فرق می کنه. مثلا اگر بخواهیم خاصیت شفافیت یک div رو به 50% برسونیم از کد زیر استفاده می کنیم.


.somediv
{
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}


دوست عزیز خیلی ممنونم از راهنماییات میشه لطف کنی و یک نمونه واسه من بذاری بخدا خیلی تلاش کردم و خیلی هم سرچ کردم خدا خیرت بده

[mr.zenith]

سلام
یک دوری اینجا بزن ببین چطوری میشه
http://www.w3schools.com/css/css_image_transparency.asp

[mhd.ghavam]

مرسی دوست عزیز اینو قبلا تست کرده بودم اما دوباره تست میکنم