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