0

filter: dropshadow()メニューに続いて、領域全体がクリック可能になることを期待していますが、IE ではそうではありません。理由は、テキスト シャドウ フィルターを使用しているためです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/

4

1 に答える 1

0

css の多くは IE では動作しません

私が好む簡単な回避策は、各リンクの画像を配置することです

価値がないことはわかっていますが、それでも。

于 2013-01-10T16:47:36.850 に答える