2011-08-05 6 views
0

で、私は次のコードブロックがあります。はなぜ私のイメージは、その周りに黒い四角を持っていないが、単にIE :-(

<li><a ><img class='ico' src='../../Content/Icons/home.png' />Home</a><img class='sep' src='../../Content/Images/sep1.png' /></li> 

を期待どおりに動作しますが、16×16 ICOの画像の周りに黒い枠があります。次のように私はすでにCSSを持っている:

li a {padding: 0px 5px 5px 5px; height: 18px; 
     display: inline-block; 
     text-decoration: none; position: relative;bottom: 7px; 
} 

私は、FirefoxとChromeに問題が全くないが、単にIEで

誰もが、私はこの問題を解決する方法を知っています、私はそれが守られているだろうと思っているだろう。テックスt-装飾:画像なし。

+0

[IEの画像境界をどのようにオフに切り替えるか](http://stackoverflow.com/questions/2958688/how-switch-off-image-border-in-ie)また、http:// stackoverflow。 com/q/49966/331508 –

答えて

4

あなただけのデフォルトimgボーダー削除する必要があります。

img { 
    border: 0 
} 

好ましくはあなたのCSSの上部付近に行く必要があります。

関連する問題