A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<2025年4月>
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

公告

本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com

常用链接

留言簿(26)

随笔分类

随笔档案

Ajax技术站点

javascript学习站点

JS高人Blog

Ruby&&Ajax框架

Web技术站点

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜

今天做一个列表时,偶想使列表的列表项标记为红色实心圆,但使用list-style-type:disc;color:red使后面的文字也变成了红色,于是只能用图片解决了,偶的写法是list-style:url(aa.gif) inside;然后分别在ff和ie下浏览效果。在ie下效果如下图:

在ff下效果图:

发现问题了!在ie下图片比文字位置高出一部分。在ff下浏览正常!
最后在经典上得到某朋友的帮忙,解决了问题。
方法是:用背景模拟list-style-image解决。写法如下:
#news_list ul li{margin-left:5px;padding-left:10px;background:url(images/index_d.jpg) center left no-repeat}
使图片水平居左,垂直居中,然后设定其padding和margin即可。在ff下和ie下效果都正常!
哈哈,又学了点新知识。不过。。唉,ie 的bug真多。。

还有一个问题在css中如果设定ul li{list-style-type:none},则在后面无论怎么设置单独的某个列表list-style-type都不能在ie下看到效果!所以如果后面某个地方要用列表项标记,不要在前面为所有li定义list-style-type:none.

posted on 2006-08-18 16:57 Yemoo'S JS Blog 阅读(1058) 评论(0)  编辑 收藏 引用 所属分类: HTML/XHTML/CSS
只有注册用户登录后才能发表评论。
51La