Блог

Главная - Вопросы по программированию - ошибка наследования фильтра ie7

ошибка наследования фильтра ie7

#css #internet-explorer

#css #internet-explorer

Вопрос:

теневой фильтр родительского элемента создает визуальный эффект отсасывания текстовой тени дочернего элемента. Эффект тени DIV наследуется его дочерним элементом LI. Как это исправить. Спасибо.

 <style>
.main_body{
display:block;
position:relative;
background:#ffc;
width:1000px;
height:1000px;
overflow:visible;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=90, Strength=10);
}

.signup{
background-color: #cccccc;
display:block;
top:0;
left:0;
width:800px;
height:300px;
padding:5px 0;
}

.signup li{
list-style:none outside;
margin-top:10px;
margin-left:50px;
text-align:center;
color:blue;
display:block;
zoom:1;
filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99,    positive=1);
}           
</style>
</head>
<body>
<div class="main_body" align="left">
<div class="signup">
<li>blah blah</li>
</div>
</div>
</body>

Ответ №1:

Оба parent amp; child filter отличаются, поэтому child filter он parent также использует его. Итак, вы можете написать так :

 .main_body .signup{
 filter:0;
}