Fatal编程技术网
  • css/
  • Css ie7过滤器继承错误

Css ie7过滤器继承错误

css internet-explorer

Css 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', Direc

父元素的阴影过滤器为其子元素的文本阴影提供了一种视觉效果。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>


.主体{
显示：块；
位置：相对位置；
背景：#ffc；
宽度：1000px；
高度：1000px；
溢出：可见；
过滤器：progid:DXImageTransform.Microsoft.Shadow（颜色='#bbbbbb'，方向=90，强度=10）；
}
.注册{
背景色：#中交；
显示：块；
排名：0；
左：0；
宽度：800px；
高度：300px；
填充：5px0；
}
.李先生{
列表样式：外部无；
边缘顶部：10px；
左边距：50像素；
文本对齐：居中；
颜色：蓝色；
显示：块；
缩放：1；
过滤器：progid:DXImageTransform.Microsoft.DropShadow（OffX=3，OffY=3，Color=#99cc99，正片=1）；
}           

  • 废话
    • 

    两个
    父级
    和
    子级
    过滤器
    都是不同的，这就是
    子级
    也接受其
    父级
    过滤器的原因。你可以这样写：
    

    .main_body .signup{
 filter:0;
}