2011-02-09 5 views
0

アンカー要素に画像とキャプションを含むdiv "imgbox"とテキストを含むdiv "textbox"があります。フローティングコンテナのImgはエクスプローラでクリックできません

私はdiv.imgboxを浮動させると、内部のimg要素はクリックできなくなりました。キャプションとdiv.textbox内のテキストはです。これはInternet Explorerでのみ発生します。他のすべてのブラウザはうまく動作します。

これを引き起こしていることは誰でも知っていますか(それを解決する方法)?ありがとう!

<style> 
    .wrap a { 
     display: block; 
     overflow: hidden;/* makes this a wrap around floats */ 
     cursor: pointer; 
    } 
    .imgbox { 
     float: left; 
    } 
    .textbox { 
     overflow: hidden;/* positions the div next to the float */ 
    } 
</style> 

<div class="wrap"> 
    <a href="#"> 
     <div class="imgbox"> 
      <img src="http://jaron.nl/misc/dummy.gif" width="80" height="45" alt="" /> 
      caption text is clickable 
     </div> 
     <div class="textbox"> 
      some text here 
     </div> 
    </a> 
</div> 

答えて

0

あなたはIMGとリンクタグの間にdiv要素のブロック要素を使用している:

は、ここで私が使用しているCSSとHTMLのです。

+0

お返事ありがとうございます。残念ながら、divをspanに変更しても差はありません...また、ブロックレベルの要素をアンカー内に置いても何の影響もありませんが、html4では有効ではありません(しかしhtml5にあります) –

関連する問題