我知道这并不值得。
下面的菜单,我希望整个区域都是可点击的,但IE没有,原因是我使用文本阴影过滤器,如果我删除filter: dropshadow()
并应用float:left;
,我的期望将被设置,任何解决方案来实现这一点。
<div><a href='#'>Home</a></div>
<div><a href='#'>Contact us</a></div>
<div><a href='#'>Feedback</a></div>
<div><a href='#'>Products</a></div>
CSS a{
color:#f00;
font-size:15px;
text-shadow: -1px -2px 2px #212121;
filter: dropshadow(color=#212121, offx=-1, offy=-2);
padding: 13px 0 0 16px;
display:block;
height:25px;
width:100%;
zoom:1;
line-height: 30px;
}
div {
height:40px;
padding-top:5px;
border:#999 solid 1px;
margin-bottom:5px;
}
提琴也可参考http://jsfiddle.net/eHgKs/
很多css不能在IE上运行
我喜欢的一个简单的工作是放一个图像的每个链接