1

IEでページを表示すると、削除できないように見える画像のこれらの不明なCSS要素が表示されます。 奇妙な3Dスタイルの画像はめ込み型のもの。Chromeではこの問題は発生しません 。この問題はサイトを壊すことではありませんが、これを解決したいと思います。

http://www.cashgrainbids.com/ie_issue.png http://www.cashgrainbids.com/ie_issue.png

HTML

 <img src="" id="areaMappingToggle" class="toggleImageClose" alt=""/>

CSS

 .toggleImageOpen
    {
    float: right;
    margin: 0px;
    width: 12px;
    height: 12px;
    display: inline;
    background: url(../Images/Basis/arrow_open.png) no-repeat;
    background-position: 0 0;
    overflow: hidden;
    }

    .toggleImageOpen:hover
    {
    background-position: 0px -12px;
    cursor: pointer;
    }

    .toggleImageClose
    {
    float: right;
    margin: 0px;
    width: 12px;
    height: 12px;
    display: inline;
    background: url(../Images/Basis/arrow_close.png) no-repeat;
    background-position: 0 0;
    overflow: hidden;
    }

    .toggleImageClose:hover
    {
    background-position: 0px -12px;
    cursor: pointer;
    }

私は考えられるすべてのCSSの変更を試し、問題をオンラインで検索しましたが、類似したものは見つかりませんでした。どんな助けでも素晴らしいでしょう、ありがとう。

4

1 に答える 1

2

IEは、画像を読み込めない場合にこの境界線を表示します。スタイルから背景画像を削除し、パスをimg要素のsrc属性に配置するか、img要素を<div>またはに変更します<span>

于 2012-08-13T15:42:09.367 に答える