如何在IE6上的较长的<a>链接上放置背景图像

我有一个链接的背景有问题。对于我的考试，这必须适用于所有浏览器到IE 6.问题是我使用的应该是位于链接左侧的背景图像，但如果链接长于一行IE 6变得困惑并定位背景图片居中离开，不左上...如何在IE6上的较长的<a>链接上放置背景图像

我使用的是2colors .gif注意形象和定位标记位于如下

<style> 
#right-menu { 
    float:left; width: 260px; border: 1px solid #e7e7e7; margin-left: 20px; 
    padding: 15px 20px; 
    background-color: #f6f6f6; min-height: 715px; 
} 

#right-menu .title { 
    font-size: 1.5em; color: #4a493f; font-weight: bold; 
} 

#right-menu a { 
    color: #4b4a41; font-size: 1em; padding-left: 15px; 
    background: url(../assets/bullet2.gif) left no-repeat; 
    display: inline;  
} 
</style> 

<div id = "right-menu"> 
    <h3 class = "title"> 
     recent comments 
    </h3> 
    <ul> 
     <li> 
      <a href = '#' title = 'title'> 
       Etiam placerataaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 
      </a> 
     </li> 
     ... 
    </ul> 
</div>

The problem

如果不能做到我会仍然感谢有人阻止我反复尝试。

谢谢你的时间！

来源

2012-07-15 troty_master

你需要支持IE 6吗？浏览器已经过了十年，充满了安全漏洞，并且通常会导致css和html混乱。我们在6年前已经不再支持IE，我们也没有收到任何投诉。如果我是你，我会真的质疑需要支持IE 6，就像说你必须支持Netscape Navigator。 – Namphibian 2012-07-15 08:04:07

你有没有试过背景：url（../ assets/bullet2.gif）左上角没有重复; IE6在这一点上是古老的，我不羡慕你的任务。 – PlexQ 2012-07-15 08:05:10

@Nafphibian可悲的是，一些企业环境仍然有IE6-没有太多的团队与Netscape捆绑在一起。我想很多人甚至已经放弃了对IE7的支持。 – PlexQ 2012-07-15 08:06:04

根据this article，在多行内联元素上渲染背景图像时，几个版本的IE并没有做正确的事情。本文提到了几种可能的解决方法。最简单的看起来是使用inline-block作为显示样式，但您可以在文章中看到其他解决方法。

网上也有大量关于这个问题的文章，所以通过正确的Google搜索（“内联元素背景图”），您可以找到许多其他文章。

您可能还希望确保背景图像上/通过指定顶部和左侧左：

你有这样的：

background: url(../assets/bullet2.gif) left no-repeat;

还不如用这个：

background: url(../assets/bullet2.gif) left top no-repeat;

它看起来像是顶部/左边应该是默认的，但它并不伤害指定你想要的。

来源

2012-07-15 08:34:37 jfriend00

如何在IE6上的较长的<a>链接上放置背景图像

回答

相关问题