ハイパーリンクのブロック要素がInternet Explorerで動作しない

Question

私の頭は、これがなぜ私にとってうまくいかないのかを調べた後、爆発するようです。 Firefoxの場合はすべてOKですが、IEの場合は、テキストや何かが<a>にない限り、何も表示されません。私は長い間検索しており、不必要な.gifを使用したくないと思っています。高いz-インデックス値は無視できます。私もを<span>に入れてみました。基本的に私は空のdivと空の画像へのリンクです。

.gallery 
{ 
position:absolute; 
width:400px; 
height:100px; 
margin-left:300px; 
margin-top:0px; 
z-index:1000000; 
} 

.gallery a 
{ 
position:relative; 
cursor:pointer; 
display:block; 
width:400px; 
height:100px; 
z-index:999999999; 
} 

<div class=\"gallery\"><a title=\"Front Entrance of the new Pontiac branch.\" href=\"images/Pontiac/P5020002.JPG\"></a></div> 

Answer 1

問題は、IEがバックグラウンドを必要とすることです。あなたはスペーサー画像やダミー画像だけでそれをだますことができます：

background:url(/no-image.jpg); 

それはそれを修正する必要があります。

Answer 2

このHTMLを直接使用しているかどうかはわかりませんが、二重引用符をエスケープする必要はありません。

あなたの例で、私は引用符問題を修正したら、IEで私の作品：http://jsfiddle.net/U2yeJ/

はあなたが右のエリアでクリックしましたか？