У меня есть два якоря, расположенных по абсолютной поверхности изображения, ссылки доступны в других браузерах (Chrome, FF, Safari), но не в IE (проверены в 8 и 9 до сих пор)
Странная вещь, если я даю ссылки a 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="#" onclick="location.href='http://www.stackoverflow.com'; return false;" title="link1"></a>
<a id="link2" href="#" onclick="location.href='http://www.stackoverflow.com'; return false;" 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;}