Ссылки не работали вообще в IE6. Когда я применил позицию: по отношению к тому бла диву, это сработало! позиция: родственник, кажется, творит чудеса на IE6, а также плавает: иногда оставлял ...
многих часов я выяснил, почему ссылки в моих pngs в IE6 не работают.
Это потому, что я использую фильтр: progid: dximagetransform.microsoft.alphaimageloader в моем CSS. И все же спустя много часов я не нашел решения для исправления этих ссылок.
Вот мой код ...
HTML
<div id="fullwidth-header-wrapper">
<div id="header"> <strong class="logo"> <a href="#">Google</a> </strong>
<div id="nav">
<ul>
<span>
<span style="color: white;">Prefer</span>
Google? Click
<a href="http://google.com">here!</a>
</span>
</ul>
</div>
</div>
</div>
CSS
#fullwidth-header-wrapper {
height: 120px;
}
#header {
background:url(../images/header-bg.png) no-repeat 50% 0;
height: 138px;
width: 980px;
margin: 0 auto;
position: relative;
top:0;
}
.logo{
background:url(../images/logo.png) no-repeat;
display:block;
width:500px;
height:125px;
position:absolute;
top:40px;
left:85px;
}
.logo a{
display:block;
width:323px;
height:85px;
text-indent:-9999px;
overflow:hidden;
}
#nav {
background:url(none.gif);
filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/nav.png', sizingmethod='crop');
display: inline;
position: absolute;
top: -8px;
right: 30px;
width: 350px;
height: 75px;
z-index: 150;
}
#nav ul {
position: relative;
top: 18px;
left: 0px;
color: rgb(87, 175, 237);
font-size: 96.8%;
z-index:200;
}
#nav span {
color: #fff;
position: absolute;
top: 18px;
left: 0px;
font-size: 96.8%;
}
#nav a {color: rgb(255, 255, 255);}
Как вы решаете эту проблему или избегаете ее и предлагаете возможные варианты решения выше?
Спасибо!