鏈接點擊區域問題與文字陰影過濾

以下菜單，我希望整個區域是可點擊的，但即不，原因是我使用的文字陰影過濾器，如果我刪除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/

來源

2013-01-10 samuk

許多CSS對IE無法正常工作

一個簡單的解決辦法，因爲我喜歡是把每個鏈接的圖像

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

來源

2013-01-10 16:47:36 Awesomestvi

不希望使用基於圖像的解決方法。 – samuk

鏈接點擊區域問題與文字陰影過濾

回答

相關問題