打印

[求助] list-style-image图像点击后就不显示了

今天不知道为什么,列表项前边本来有图像,但鼠标点击后,就没有图像了,以前写代码就没出现过这种情况,请过路的进来帮忙看看哦! 代码如下
#gonggao_neirong ul li {
       text-decoration: none;
       font-size: 12px;
       color: #FFFFFF;
       border-bottom-width: 1px;
       border-bottom-style: dotted;
       border-bottom-color: #FFFFFF;
       display: block;
       list-style-image: url(images/gonggaobiao1.gif);
       list-style-type: none;
}
#gonggao_neirong ul li a:link,#gonggao_neirong ul li a:visited {
       color: #FFFFFF;
       text-decoration: none;
}
#gonggao_neirong ul li a:hover,#gonggao_neirong ul li a:active {
       color: #000000;
       background-color: #CCFFCC;
}
点击前后的效果分别为图:
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
对li用图像,还是用background-image吧,更好控制一些。
list-style-image我没有怎么用过,呵呵,也不知道问题出在哪里。
http://www.y-css.cn
list-style-image我没有怎么用过,
list-style-image有缺陷,定位不准,做这种的效果一般用background-image

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
用background更好控制图片的位置。

TOP