当前位置:  开发笔记 > 前端 > 正文

CSS ul li图像与文本对齐

如何解决《CSSulli图像与文本对齐》经验,为你挑选了1个好方法。

我有这样的CSS

ul {
    list-style-image:url(images/bulletArrow.gif);
}

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5px 0 7px 0;
}

但子弹图像在IE中没有正确对齐(在Firefox中很好).我已经有了li的背景图片,所以我不能将子弹图像用作背景.这有什么解决方案吗?

提前致谢.



1> Jeremy Ruten..:

这里有一个很好的解释和解决方案:http://css.maxdesign.com.au/listutorial/master.htm

它说使用会list-style-image导致图像与不同浏览器的位置不一致.然后,它解释了如何使用背景图像的子弹,以获得更好的结果.

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有