css - 带有文本阴影过滤器的 IE 中的链接单击区域问题

Question

在菜单之后，我希望整个区域都可以点击，但 IE 不能点击，原因是我正在使用文本阴影过滤器，如果我删除filter: dropshadow()并应用float:left;我的期望，将设置任何解决方法来完成此操作。

HTML

<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/

Answer 1

许多css在IE上不起作用

我喜欢的一个简单的解决方法是放置每个链接的图像

我知道这不值得，但仍然。