CSS ベースのアプローチを使用して、特定のアスペクト比に合わせて画像をトリミングしています。バックエンドでは、画像の高さと幅にアクセスし、画像とトリミング先のスペースとの縦横比の違いを考慮して、スパン ラッパー内に画像を絶対に配置します。バックエンド コードはここでの私の関心事とは関係ありませんが、フロントエンド コードは次のように機能します。
<a href="some-link-url">
<span class="croppedImageWrapper" style="height:115px;width:115px;" title="(Some title)">
<img src="some-url-for-img-with-aspect-ratio=1.36" style="height:100%;top:0px;left:-28px;" />
</span>
</a>
.croppedImageWrapper {
display:inline-block;
position: relative;
overflow: hidden;
}
.croppedImageWrapper img {
position: absolute;
}
.croppedImageWrapper
IE7を除いて、サポートする必要があるすべてのブラウザで問題なく動作します。私はこれをjQueryの簡単なチェックで扱ってきました:
if ($.browser.msie && parseInt($.browser.version, 10) == 7)
... 次に、スパンにクリック イベントをアタッチし、その親リンクの href を取得して、リダイレクトします。しかし、jQuery 1.9.1 にアップグレードしたので、これは機能しなくなり$.browser
ました。機能検出を支持して廃止されました。
*だから私の質問は: *
機能 (バグ) 検出を使用して、このバグを嗅ぎ分けるにはどうすればよいでしょうか? それとも、IE バージョン検出器をハックする必要があるのでしょうか?