ie7过滤器继承错误
父元素的阴影过滤器为其子元素的文本阴影提供了糟糕的视觉效果。 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>
parent element's shadow filter give its child element's text shadow a suck visual effect. DIV's shadow effect is inherited by its child LI element. How to fix it. thanks.
<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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
父级和父级都是
childfilter不同，这就是为什么child也采用其parent的filter。所以，你可以这样写：Both
parent&childfilterare different that's why thechildtakes thefilterof hisparentalso. So, you can write like this :