Question

我在IE6中遇到了问题，但IE＆gt; = 7，FF或Chrome没有问题。当您使用span填充锚标记时会导致它。

<span><a href="place"><span>Text</span></a></span>

然而这有效：

<h1><a href="place"><span>Text</span></a></h1>

他们唯一的造型如下：

div#headeraffiliate a.skin_3 {
    width: 550px !important; height: 53px !important;
    background: transparent url('images/logo_skin3.gif') top left no-repeat !important;
}

div#header a#logo span,
div#headeraffiliate a#logo span {position: absolute; margin-left: -1000em;}

div#header a#logo,
div#headeraffiliate a#logo {
    display: block;
    width: 297px; height: 69px;
    z-index: 1000;
    position: absolute; left:0; bottom:0;
    background: transparent url('images/logo.gif') top left no-repeat;
}

Answer 1

我认为这里的区别是H1标签是一个块级元素，其中span是一个内联元素。如果您使用<span style="display:block">

，它可能会有效

Answer 2

我怀疑这是原因：

div#headeraffiliate a#logo span {position: absolute; margin-left: -1000em;}

它将您的链接定位在屏幕外。

IE6背景图像在链接包裹时未显示链接

2 个答案: