为什么图像不能显示在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的背景中？

回答

相关问题