使用CSS给空元素设置背景图片

最新推荐文章于 2022-08-13 21:48:15 发布

phinix_c

最新推荐文章于 2022-08-13 21:48:15 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： css border ie class url

本文链接：https://blog.youkuaiyun.com/phinix_c/article/details/2165660

本文介绍了一种解决Firefox浏览器中图片无法正常显示的方法，通过调整CSS样式，特别是padding属性，使得在不同浏览器间达到一致的显示效果。值得注意的是，在使用此方法时，页面不能使用DTD声明，否则会影响IE浏览器中的图片显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

空元素<a class="test"></a>

设定css
.test{
width:12px;
height:12px;
background:url("closeIcon.gif") no-repeat left center;
}

IE中显示正常，FF中不显示（border堆在一起了）
添加css定义：
html>body .test{
padding:0 6px 2px 6px;
}

显示正常。

MD，搞了半宿！！！

备注：使用该方法时page的不能使用dtd声明，否则在IE中不能显示图片！