使用CSS Sprites时边框呈现
Chr*_*acy 1 html css css-sprites
我正在尝试使用CSS sprites来减少页面上的HTTP请求数量.我希望这些图像无边框渲染.
我可以告诉我已经正确配置了CSS,但我遇到了下面的渲染问题(注意:Google徽标是故意剪辑的):
如您所见,所有浏览器仍然呈现边框.此外,IE和FireFox也会渲染"断开链接"类型的图标.
此示例中使用的HTML是:
<html>
<head>
<style>
img {border:none}
img.css_sprite { background:url("http://www.google.com/images/nav_logo29.png") -20px -10px; height:24px; width:100px; border:none;}
</style>
</head>
<body>
<img class="css_sprite"/>
</body>
</html>
谁能告诉我这里我做错了什么？我敢肯定它一定很简单.提前致谢.
边界属于这个:
<img class="css_sprite"/>
由于缺少图像,它是浏览器绘制的边框.在这里,您不指定任何内容,src因此浏览器会添加边框和缺少的图像图形.
更改img到其他一些因素,而不是像div或span代替.