Фоновое изображение IE6 в ссылке не отображается при переносе в span

У меня есть проблема в IE6, но не IE>=7, FF или Chrome. Это вызывается, когда вы оборачиваете тег привязки диапазоном.

<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;
}
Источник

2 ответа

Решение

Я считаю, что разница здесь в том, что тег H1 - это элемент блочного уровня, где в качестве span используется встроенный элемент. Это может работать, если вы используете <span style="display:block">

Источник

Я подозреваю, что это причина:

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

Это позиционирует вашу ссылку вне экрана.

Источник
Другие вопросы по тегам