1

IE 7 以下でスプライトを正しく動作させることができないようです。(IE 9 は正常に動作します) 以下は私の CSS です:

#info 
{
    width:100%;
    height:77px;
    background:url('../img/ck_sprite.png')no-repeat;
    background-position: 0px 0px;
    float:left;
    display:block;
    clear:both;
}
#info:hover
{ 
    width:100%;
    background:url('../img/ck_sprite.png')no-repeat;
    background-position: 0px -300px;
    cursor: default;
    float:left;
}

このようなクラスがあと 2 つあります

この問題の修正箇所を検索しようとしましたが、解決策は私の問題には当てはまりません。

編集：申し訳ありませんが、実際の問題については説明していません。IE では画像がまったく表示されません。

ここに私のhtmlコードがあります:

              <div id="info">
              </div>        

                    <asp:Literal ID="litInfo" runat="server" />        



              <div id="bestilling">
              </div>          
                    <asp:Literal ID="litBestilling" runat="server" />          


              <div id="kontakt">

                    <asp:Literal ID="litKontakt" runat="server" />

ご覧のとおり、C# でサイトをコーディングしています。リテラルは、含める必要があるのは画像だけであるため、div の外に配置されます。(見出しとして機能します)

4

1 に答える 1

2

HTMLを提供しなかったので、IDが適用されるタグはアンカータグではないと仮定しますか？

IE6 / 7は:hover、アンカータグの疑似のみをサポートします。

これは機能するはずです：

a#info 
{
    width:100%;
    height:77px;
    background:url('../img/ck_sprite.png')no-repeat;
    background-position: 0px 0px;
    float:left;
    display:block;
    clear:both;
}
a#info:hover
{ 
    width:100%;
    background:url('../img/ck_sprite.png')no-repeat;
    background-position: 0px -300px;
    cursor: default;
    float:left;
}

... HTMLが次の場合：

<p><a id="info" href="#">Hello World</a></p>

それがうまくいくことを願っていますか？より良い答えのためにいくつかのさらなる情報を与えてください！

ありがとう、マイケル。

于 2012-11-19T10:35:14.250 に答える