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>
چطوری میشه کاری کرد که یک 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>