1

壊れたページ http://pcp.biz/joomla/

ここに画像の説明を入力

この背景画像の問題を解決するための解決策を求めて、スタックオーバーフローの周りを探していました。私はボックスにブートストラップを使用しており、マージンを取り除いています。

問題は、背景をカバーとして設定すると、IE8 では画像全体の長さが引き伸ばされないことです。

Google の修正ドキュメントを含めてみました。

 <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->

現在、私は使用しています

    -webkit-background-size: cover; /*for webKit*/
-moz-background-size: cover; /*Mozilla*/
-o-background-size: cover; /*opera*/
background-size: cover; /*generic*/

私もこれ（https://github.com/louisremi/background-size-polyfill）と以下を試しました。

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

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

次に試すことができるアイデアはありますか、それとも何か間違っていますか?

ありがとう、ブレント

4

2 に答える 2

5

修理済み！最後に、ie パス イメージの完全な URL を使用する必要があります。これは、IE の修正プログラムが相対パスを取得していないことが原因です。

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

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

する必要があります...

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://www.youwebsite.com/images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://www.youwebsite.com/images/logo.gif',
sizingMethod='scale')";

これが他の誰かに役立つことを願っています:)

于 2013-05-09T08:10:47.360 に答える