ul
{
list-style-image: url('pic.gif');
{
list-style-image: url('pic.gif');
}
对于ul 的li的标记图形自定义化图形后,浏览器兼容问题就出来了:
这段代码的使用在所有浏览器中显示并不相同,IE和Opera显示图像标记比火狐,在Chrome和Safari浏览器上更高一点点。。。。。。
解决办法如下:
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(pic.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
通过定位的方式固定标记点的位置