<i><span>背景图片不显示
为什么?搞了好半天,最后搞明白原理。
i、span是内联元素,内联元素不可设置宽高,所以设置了宽高不显示图片。
解决:
设置display:block;将内联元素转换为块级元素,然后设置宽高,就可以显示了。
css文件中: i{width:18px;height:20px;display:block;background-image: url(../img/1.png);}
html文件中:<i style="width:18px;height:20px;display:block;background-image: url(img/1.png);"></i>