asp.net - 我的 sprite 在 jsfiddle(包括)中工作，但在我的 asp.net 站点上显示为空白页。有任何想法吗？

Question

感谢@jimbertucci 和@Biff MaGriff，我终于能够制作 Sprite 图像并正确设置 css。我的网站是 asp.net/vb。

在 jfiddle 中效果很好! This is my sprite fiddle这就是我希望的样子。

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

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

对于我的 html，我试图以这种方式调用我的 sprite 图像:

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

但由于某种原因，当我将它上传到服务器时，页面显示出来并且大小合适。当您悬停时，链接就在那里。 Sprite 似乎是可以使用的，只是你看不到它；这是一个空白页面，没有图像显示!

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

Answer 1

我并没有真正回答我自己的问题，但@Tieson T 建议我尝试只使用 ../images/sprite-clients.jpg 而不是完整的 http 路径。无论出于何种奇怪的原因，这都奏效了!当我使用 http://domain.com/images/sprite-clients.jpg , 它显示为空白。但是当我采纳 Tieson 的建议时，它立即出现在所有浏览器中(在 IE8、FF、Chrome 和 Safari 中测试)。

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