PDA

View Full Version : کنترل تاثیر پذیری استایل یک div از div والد



leaping
دوشنبه 08 مهر 1392, 16:01 عصر
با سلام خدمت اساتید محترم

چطوری میشه کاری کرد که یک div که براش یک استایل مثلا opacity تعریف شده کاری کنیم که div داخل اون این تاثیر پذیری رو نداشته باشه؟




<style type="text/css">
.Header-button-bg1 {border-bottom:9px; margin-top:6px; margin-left:8px; width:100px; height:64px; float:left; background-color:#CCCCCC; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px; opacity:0.5;}
.Header-button-bg2 {border-bottom:5px; margin-top:5px; margin-left:5px; margin-right:5px; width:90px; height:54px; float:left; background-color:#666666; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;border-bottom-right-radius: 3px 3px;border-bottom-left-radius: 3px 3px; opacity:0.5;}
</style>

<body>
<div class="Header-button-bg1">
<div class="Header-button-bg2"></div>
</div>
</body>

MahdiPOnline
چهارشنبه 10 مهر 1392, 01:00 صبح
صرفا برای خصوصیت Opacity که خیلی اذیت میکنه میشه حذفش کرد و به جاش از rgba استفاده کرد. یعنی رنگ رو به کد RGB تبدیل کن، البته کد قبلی رو پاک نکن چون اینترنت اکسپلورر RGBA رو نمیفهمه. حالا Opacity رو پاک کن و به جای انتهای کد RGB مقدار شفافیت رو بذار. مثلا برای رنگ مشکی و شفافیت 50% اینطوری میشه.

background-color: #000000;
background-color: rgba(0,0,0,0.5)

خاصیت های دیگه رو میشه با بازنویسی از بین برد. من نتونستم انتخاب کننده ای پیدا کنم که فرزند رو انتخاب نکنه. میتونی CSS Selectors رو گوگل کنی شاید چیزی پیدا کردی.

babakj
سه شنبه 16 مهر 1392, 14:34 عصر
opacity:0.5; را حذف کن خوب