0

解像度に関係なく、使用可能なウィンドウ領域を常に埋めるように、サイトの背景画像を引き伸ばす必要がありました。私の最初の選択はもちろん でしたbackground-size:cover;が、いつものように、IE は有効な CSS を好まないようです。

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
 src='images/bg.jpg',
 sizingMethod='scale');

 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
 src='images/bg.jpg',
 sizingMethod='scale')";

ただし、現在は背景が適切に引き伸ばされていますが、何らかの理由ですべての入力フィールドが機能しなくなりました。まるでそれらが目に見えない要素の背後にあり、クリックや選択がまったくできないかのようです。何をすべきか？

おそらくJavaScriptを使用して、ウィンドウのサイズ変更時に画像のサイズを手動で設定できることはわかっていますが、特に画像のサイズを計算し、スケーリングが比例して行われるようにする必要がある場合は、cssの代替ほどスムーズではありません.

4

1 に答える 1

0

これを見てください： http://css-tricks.com/perfect-full-page-background-image/

古いブラウザーでも機能し、問題を解決できる CSS のみの手法が提供されています。これは、同様のクローズド トピックから取得しました。参照: IE7 CSS background-size:100% fallback

于 2013-10-16T09:58:09.523 に答える