سوال درباره opacity در div

[zhr.rezae66i]

سلام
من یک دایو دارم که opacity اش کم است داخل این دایو دایو دیگه ای دارم که میخام کاملا پیدا باشه اما نمیشه و opacity مربوط به دیوه پدرش رو میگیره چکار کنم

[ahmad156]

z-index دایو فرزند رو بیشتر از پدر قرار بدین

[zhr.rezae66i]

اینطوری باید به تمام عناصر تو صفحه z-index بدم>؟
چند بدم z-index? دیو پدر z-inde نداره
وقتی از پدر میدم 1 بچه رو 2 جواب نمیده هردو هم position =absolute دارن

[ahmad156]

1000 و 1001 رو امتحان کنین

[zhr.rezae66i]

نشد خب باز

[saeed_sho]

منم این مشکلو دارم لطفا راهنمایی کنید

[ahmad156]

این هم نمونه

[saeed_sho]

من اینو میذارم هر دوتاشون کمرنگ نشون داده میشه
overlay دایو پدره و popupPanel هم دایو فرزنده
.Overlay
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
padding: 0;
margin: 0;
/*background-color: transparent;*/
background-color: #ffffff;
filter: alpha(opacity=50);
opacity: 0.2;
z-index: 1000;
}
.PopUpPanel
{
position: absolute;
background-color: #ffffff;
/*top: 100px;*/
/*left: 15%;*/
top: 150px;
left: 20%;
z-index: 2001;
padding: 10px;
min-width: 400px;
max-width: 750px;
border: 20px solid rgba(0,0,0,0.3);
/*opacity: 1;*/
}

[pary_daryayi]

اینجا (http://blog.web-site-man.ir/%D9%8A%D9%83-%D9%86%D9%83%D8%AA%D9%87-%D8%AF%D8%B1-%D9%85%D9%88%D8%B1%D8%AF-%D8%A8%D9%83-%DA%AF%D8%B1%D8%A7%D9%86%D8%AF-%D8%B4%D9%81%D8%A7%D9%81/) رو ببینید .

[refugee]

خاصیت opacity اینه که وقتی برای div اصلی استفاده میکنید هرچی داخلش است رو کمرنگ میکنه .

برای حل این مشکل شما باید از rgba برای شفاف سازی بکگراند استفاده کنید .

[saeed_sho]

با تشکر از دوستان
با راهنمایی دوستان استایل رو اینجوری تغییر دادم درست شد

.Overlay
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
padding: 0;
margin: 0;
/*background-color: transparent;*/
background-color: rgba(0,0,0,0.6);
/*filter: alpha(opacity=50);
opacity: 0.2;*/
z-index: 1000;
}
.PopUpPanel
{
position: absolute;
background-color: #ffffff;
/*top: 100px;*/
/*left: 15%;*/
top: 150px;
left: 20%;
z-index: 2001;
padding: 10px;
min-width: 400px;
max-width: 750px;
/*border: 20px solid rgba(0,0,0,0.3);*/
/*opacity: 1;*/
}

[saeed_sho]

با کد بالا مشکل حل شده فقط زیر rgba خط کشیده و میگه
Validation (CSS 2.1): 'rgba(0,0,0,0.6)' is not a valid value for the 'background-color' property
اما درست اجرا میشه

[2undercover]

برای اینکه rgba فقط در CSS3 پشتیبانی میشه و این Validation برای CSS2.1 هست که میگه این مقدار پشتیبانی نمیشه!