当前位置：首页 → 问答吧 → 是IE6的bug吗？a标签折行显示时，背景图片的位置不正确

是IE6的bug吗？a标签折行显示时，背景图片的位置不正确

时间：2011-09-28

来源：互联网

正确的效果

但是在IE6中， a标签换行后，a标签的背景图片会显示不出。其实是被顶到了最左边显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .LinkClassItemNo0{background:#ccc url(http://img.baidu.com/hi/img/email_s.gif) 0 0 no-repeat;padding-left: 16px; color:blue } </style> </head> <body> <div style="line-height:30px;width:300px"> text text text<a class="LinkClassItemNo0">link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link link </a>text text text </div> </body> </html>
提示：您可以先修改部分代码再运行

除了IE6，其他几个浏览器都没问题。有什么办法能解决它呢。

[ 本帖最后由 zhutianyi 于 2011-9-29 20:20 编辑 ]

作者: zhutianyi 发布时间: 2011-09-28

有人知道吗？只要能在IE6中实现该效果就行，改前后文的style也没关系。

作者: zhutianyi 发布时间: 2011-10-04