如果我删除内部文本xxx,下面的跨度将不是背景图像
<span style='background-image:url("http://gifsoup.com/web/images/soc4.gif")' style="height: 30px;">
xxx
</span>
但是它在兼容模式下没有xxx的情况下工作.
如何在没有任何内部文本的情况下使其工作？
解决方法
因为跨度默认为没有宽度或高度的内联元素.将CSS更改为：
span {
display:inline-block;
width:30px;
background-image:url("http://gifsoup.com/web/images/soc4.gif");
height:30px;
}
通过将显示从内联更改为内联块,您可以设置跨度的宽度和高度.