list-style-image失效background替换方法

admin

发表文章数:3178

使用css+html制作网页时,经常会出现css代码在某浏览器没有效果的情况,如list-style-image代码就经常不能显示出图标,有些时候是因为使用了float的原因,有些时候却难以发现是什么原因。解决的方法一般是使用background背景图片的方法。

如以下css代码:

#sidebar ul {margin:15px 0;}
#sidebar ul li {line-height:1.5em; padding-left:10px; background:url(images/post.jpg) no-repeat center left; font-size:12px; white-space:nowrap;overflow:hidden; width:17em;}

背景图片定位时使用center是因为我的post.jpg图标很小,不能与文字水平居中显示;

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《list-style-image失效background替换方法》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 抢沙发

3 + 5 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册