Internet Explorer 8 内でアンカー タグを使用して div をスケーリングしようとしています。div は次のとおりです。
<div class="toScale">
<a href="http://www.google.com">Google</a>
</div>
これを達成するために、div に次のスタイルを使用しています。
.toScale {
filter: progid:DXImageTransform.Microsoft.Matrix(M11=2, M12=0, M21=0, M22=2, SizingMethod='auto expand');
}
スケーリングは正しく行われますが (サイズは 2 倍になります)、有効なバウンディング ボックスは、スケーリングが行われていないかのように変更されません。したがって、アンカーをクリックするには、拡大縮小されたテキストではなく、拡大縮小されていない場合にアンカーが配置される領域をクリックする必要があります。
div にさまざまな配置スタイルを試し、フィルターに別の構文 ( を含むもの-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=2, M12=0, M21=0, M22=2, SizingMethod='auto expand')") を使用しても、この問題は解決しません。
Internet Explorer 7 では、同じコードが問題なく動作しますが、この問題は発生しません。
Internet Explorer 8 でこの問題を解決する方法を知っている人はいますか?
ありがとうございました。