爲什麼圖像不能顯示在div的背景中？

-2

<style type="text/css"> 

.sprite div{ 
width: 728px; 
height: 243px; 
}  

.sprite 
    a:hover{ display: block; 
        width: 728px; 
        height: 243px; 
        background-image: url(images/image.jpg); 
        background-repeat: no-repeat; } 
    .sp_ID1 
    { 
     background-position: 0px 0px; 
    } 
    .sp_ID2 
    { 
     background-position: 0px -245px; 
    } 

    .sp_ID3 
    { 
     background-position: 0px -492px; 
    } 

    .sp_ID4 
    { 
     background-position: 0px -737px; 
    } 

    .sp_ID5 
    { 
     background-position: 0px -1000px; 
    } 

    .sp_ID6 
    { 
     background-position: 0px -200px; 
    } 
    </style

HTML： -

<div class="sprite>" 
    <span class="sprite sp_ID1"><a href=#>Link1</a></span> <br /><br /> 

     <span class="sprite sp_ID2"><a href=#>Link2</a></span> <br /> <br /> 

     <span class="sprite sp_ID3"> <a href=#>Link3</a></span> <br /><br /> 

     <span class="sprite sp_ID4"> <a href=#>Link4</a></span> <br /><br /> 

     <span class="sprite sp_ID5"> <a href=#>Link5</a></span> <br /> 
</div>

這個CSS Sprite的圖像的部分只表現爲錨tags..I的背景要this CSS的部分sprite出現爲div的bground ..基本上嘗試使用Sprites實現翻轉圖像..

我想要的是類似於this的東西.....灰色圖像出現在背景當鼠標懸停在「Link1」上，當鼠標懸停在「Link2」上時出現綠色圖像等等... plz有人告訴我我做錯了什麼？一直試圖使它從昨天開始工作，但徒勞... plz help ..謝謝。

來源

2010-10-09 Serenity

重複的[需要用CSS精靈plz幫助（http://stackoverflow.com/questions/3896185/need-沒有div help-with-css-sprites-plz-closed）和[實施CSS Sprite的問題]（http://stackoverflow.com/questions/3895848/problem-implementing-css-sprite） - 請參閱[只重貼一個問題如果急需幫助並且原文沒有任何活動，可以通過何種方式獲得答案？]（http://meta.stackexchange.com/questions/67083/is-reposting-a-question-the-only-way-to-get -answers-if-help-is-urgent-needed-an）的背景信息。 – Dori 2010-10-09 08:44:17

讓我看看我是否正確。你想要這個鏈接列表，並希望整個灰色區域在被徘徊時改變背景顏色（背景圖像）？ – Claudiu 2010-10-09 08:46:30

自[斷電]（http://meta.stackexchange.com/questions/67114/stack-overflow-outage）以來的新鏈接爲重複項提供了一個新的ID：[需要CSS Sprites的幫助]（http：// stackoverflow.com/questions/3896522/need-help-with-css-sprites-plz-closed）。 – Arjan 2010-10-10 08:05:22

心靈快樂，我試着在the other copy of this question解釋這個給你，但得到了否決時，你可以想不通：

.sprite a:hover有背景圖像。

.sp_ID1（與.sprite相同的元素）正在獲取圖像定位，但它沒有背景圖像。

目前還不清楚你真正想要的，但有幾個問題，我想你需要退後一步，並嘗試瞭解你在做什麼：

你瞄準了不同的元素背景圖像和圖像定位。
a元素沒有尺寸或定位直到它被徘徊。
直到它被徘徊時，a元素上沒有背景圖像。
讓您.sprite div不針對任何元素，裏面有你的.sprite

來源

2010-10-09 22:43:33

+1耐心，即使我覺得不應該回答重複的問題，但只是投票讓他們關閉。 – Arjan 2010-10-10 08:02:48

我想你想要做的是添加：懸停到每個跨班級，而不是錨標籤。

來源

2010-10-09 08:40:27

爲什麼圖像不能顯示在div的背景中？

回答

相關問題