İki çapa mutlak bir görüntü bağlantıları, YANİ diğer tarayıcılarda (Chrome, FF, Safari ama tıklanabilir (8 ve 9 şu ana kadar test) üstüne yerleştirilmiş

İşin garip tarafı ise bir background-color background-color 6 ** ayarlanmışsa, ancak tıklanabilir olduklarını bağlantıları verirsem (ben istediğim şeyartık tıklanabilir, zoom:1 ama şans ayar denedim. Uzakta IE 8/9 gitti YANİ hasLayout bit sanırım zoom sanırım şimdi sorun bu tür için önemli değil.

Bu bağlantılar IE 8/9 göstermek şeffaf bir bg ile yapmak için herhangi bir fikir?

Burada birlikte çalıştığım keman: jsFiddle example

Aşağıdaki HTML düzeni var:

<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>

ve 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;}

Daha önce tam da bu sorun vardı ve ben her zaman beni acayip rahatsız etti. Hiç olur neden emin değilim, ama ben her zaman arka planda Bildirgesi gibi bu PNG veya GİF ve kullanım 1px şeffaf bir 1px oluşturun:

a { background: url("/path/to/image.png") 0 0 repeat; }

Bu yardımcı olur umarım.

PS - bu gerçek rengini belirtin Yok. Sadece yukarıdaki örneği kullanın ve çalışması gerekir.

Ayrıca, denemek ve ayarlamak çapa etiketleri ekran olarak blok ve belki de Ekle bir bölünemez boşluk (beri boş şu anda ve o olabilir YANİ açma):

a { display: block; background: url("/path/to/image.png") 0 0 repeat; }

<a href="#"> </a>