yomotsuはまろぐ

IE6,7 で a < div したとき img をクリックできない場合の対処

原因は、a の中で float や position を使うことにある。float が原因の場合は以下で解決可能

html

<a href="#">
	<div class="imgContainer">
		<img src="http://dummyimage.com/100" />
	</div>
</a>

css

<style>
a{
	/*some codes ...*/
}
div.imgContainer{
	float:left; /* a element which is applying float */
	background:url(transparent.png); /* applying transparent image for IE6, 7 when using float */
}
div.imgContainer img{
	/* applying transparent z-index:-1 for IE6, 7 when using float */
	position:relative;
	z-index:-1;
}
</style>

position:(relative|absolute)が原因の場合はそのまま死ぬしかない。

追記 : 昔同じ事書いてた。何のためにはまろぐやってるのかわからない…http://yomotsu.tumblr.com/post/6549320870/ie6-7-a-div-img-floated-img