Question

css的list-style显示不了？

我为一个列表设置了一个list-style:url(图片地址)但是，发觉，在float没有设置为left的情况下，则显示正常。而我设置了float为left了。结果显示不了？请问是怎么回事？代码如下：<style type="text/css">
<!--
body{
text-align:center;}
div.index{
width:900px;
height:700px;
background:#CCFFCC;
font-size:16px;
font-weight:900; /*粗体有多粗*/
}
div.link{
width:800px;
height:100px;
}
div.link ul{
display:block;
list-style-image:url(xx.jpg);
/*list-style:url(xx.jpg) ;*//* 添加一个列表项标记图像，地址正确*/
}
div.link ul li{
float:left; /*横排版*/ //这里如果注释掉就可以显示
}
div.link ul li a{
font-family:"仿宋_GB2312", "楷体_GB2312";
text-decoration:none;
margin:3px;
}
div.link ul li a:hover{
color:#6699FF;
text-decoration:underline;
}
-->
</style>

Answer 1

　　可能原因：

1. 应用了list-style-position: outside; 属性造成的。

2. 另外应用float:left;属性也会造成LI元素不正常。

　　解决办法：把list-style-position:outside;改成list-style-position: inside;或去掉浮动设置。

Answer 2

float：left 列表横排了，，，，在内部显示了，，加上这个试试。。。list-style-position:outside

Answer 3

用代码说话。。。。div.link ul{
display:block;
list-style:none;
}div.link ul li{
float:left;
background:url(xx.jpg) no-repeat;
padding-left:20px;
}