我的精灵在jsfiddle（包含）中工作，但在我的asp.net网站上显示为空白页面。有任何想法吗？

Question

感谢@jimbertucci和@Biff MaGriff，我终于能够制作一个精灵图像并且实际上正确地获得了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，我试图以这种方式调用我的精灵图像：

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

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

当我查看页面源时，我可以看到我的div和类。我没有看到任何指向我的精灵图像的东西，这是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可以在找到原因后再回答一个更完整的答案。