Internet Explorer 6/7中的精靈

我似乎無法讓我的精靈在IE 7及以下版本中正常工作。（IE 9正常工作）下面是我的CSS：Internet Explorer 6/7中的精靈

#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; 
}

有兩個類這樣

我試圖爲修復的地方搜到這個問題，解決方案，只是不適用爲我的問題。

編輯：對不起，我沒描述我的實際問題。圖像在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的外面，因爲它們唯一應該包含的是圖像。（他們的頭條新聞）

來源

2012-11-19 user1835406

你的圖像路徑和HTML？ – Sowmya

請向我們展示你的現場演示，會更好.... –

實際的問題是什麼。精靈不顯示？顯示在錯誤的地方？你的右括號和你的'不重複'聲明之間應該有一個空格。 –

你沒有提供你的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-19 10:35:14

感謝您的回答！我的HTML看起來像這樣：

這只是一個空的DIV，該文本是在文字寫出來（該網站在C＃編碼） – user1835406

一個小更新：我試圖以應用標籤。它雖然沒有工作。 – user1835406

你能創造一個JS小提琴混亂嗎？會容易得多。 –

Internet Explorer 6/7中的精靈

回答

相關問題