0

感谢@jimbertucci 和@Biff MaGriff，我终于能够制作一个精灵图像并且实际上得到了正确的css。我的网站是asp.net/vb。

它在 jfiddle 中效果很好！ 这是我的精灵小提琴，这就是我想要的样子。

SE希望我包含一些代码，所以这基本上就是我正在做的事情。对于 CSS：

.clients{
width:231px;
height:136px;
background-image: url(http://www.ussvision.com/images/sprite_clients.jpg);
}
.gm{
background-position: 0px 0px;
}

对于我的 html，我试图以这种方式调用我的精灵图像：

<a href="http://www.gm.com" target="_blank">
    <div class="clients gm"></div>
</a>

但是由于某种原因，当我将其上传到服务器时，页面会显示出来并且大小合适。当您将鼠标悬停时，链接就在那里。精灵似乎是功能性的，只是你看不到它；这是一个没有图像显示的空白页面！

当我查看页面源代码时，我可以看到我的 div 和类。我没有看到任何指向我的精灵图像的东西，即 sprite-clients.jpg；我不知道我是否应该在页面源代码中看到它......我不知道我可能做错了什么。任何建议将不胜感激！

4

1 回答 1

1

我并没有真正回答我自己的问题，但@Tieson T 建议我尝试只使用../images/sprite-clients.jpg 而不是完整的 http path。不管出于什么奇怪的原因，这都成功了！当我使用http://domain.com/images/sprite-clients.jpg时，它显示为空白。但是当我接受 Tieson 的建议时，它立即出现在所有浏览器中（在 IE8、FF、Chrome 和 Safari 中测试）。

如果您想知道为什么 IIS7 会这样做，或者是什么原因，Tieson 可能会在找到原因后提供更完整的答案。

于 2012-11-02T03:49:30.510 回答