У меня есть два якоря, расположенные абсолютно поверх изображения, ссылки можно нажимать в других браузерах (Chrome, FF, Safari), но не в IE (до сих пор тестировалось в 8 и 9)
СтранноДело в том, что если я даю ссылки background-color
, они активируются, однако, если background-color
установлен на transparent
(, что я и хочу ), они больше не активируются, я такжепопробовал установить zoom:1
но не повезло.Я предполагаю, что бит hasLayout
в IE ушел с IE 8/9, поэтому предположение zoom
не имеет значения для такого рода проблем.
Любые идеи, чтобы эти ссылки появлялись в IE 8 /9 с прозрачным bg?
Вот скрипка, с которой я работал: Пример jsFiddle
У меня есть следующий макет HTML:
<div id="content">
<img src="http://placehold.it/724x300" width="724" height="300" alt="woot" />
<div id="countdown"></div>
<a id="link1" href="http://www.stackoverflow.com" title="link1"></a>
<a id="link2" href="http://www.stackoverflow.com" title="link2"></a>
</div>
и CSS:
body {text-align:center;}
#content {position:relative; width:724px; height:300px; margin:0 auto;}
#countdown {position:absolute; width:650px; height:110px; top:100px; left:30px; background-color:blue;}
#link1 {position:absolute; width:520px; height:35px; bottom:20px; left:0;}
#link2 {position:absolute; width:200px; height:35px; bottom:20px; right:0;}