私はバックグラウンドを全身に伸ばしたいと思っています(幅のみ)。これはChrome、Opera、Firefoxでのみ動作します。 IEでこの作業を行うにはどうしたらいいですか? O_oIEのバックグラウンドサイズが機能しない
background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
私はバックグラウンドを全身に伸ばしたいと思っています(幅のみ)。これはChrome、Opera、Firefoxでのみ動作します。 IEでこの作業を行うにはどうしたらいいですか? O_oIEのバックグラウンドサイズが機能しない
background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
背景サイズは、CSS3、特定のあなたのつもりが、それはIE
で動作するため、このようなものを使用する必要がありますされているのであなたが持つfullscreenedたい画像を包む
html {overflow-y:hidden}
body {overflow-y:auto}
にあなたのhtmlと体を設定しましたdiv#ページ-背景
#page-background {position:absolute; z-index:-1}
は、HTMLファイルでこれを入れ
<div id="page-background">
<img src="/path/to/your/image" width="100%" height="100%">
</div>
**あなたはこの
html, body {height:100%; margin:0; padding:0;}
ええ、私はすでにこれを読んでいます。私は、CSSだけの解決策があると思った:D。とにかくありがとう – Cristy
背景サイズはIEのバージョンunder 9ではサポートされていません。クロスブラウザのソリューションは、fullscreenrのようなjqueryプラグインを使用することです。
これで私はIE8ユーザーを無視します:)):D – Cristy
のようなものは、私がjquery.backgroundSize.jsを作成し、マージンやパディングを削除するにはリセットのいくつかの並べ替えを使用する必要があります:のためのIE8の代替として使用することができ1.5K jQueryプラグインを「カバー」および「包含する」値。 demoをご覧ください。
こんにちはルイス、私はあなたのコードを使用しようとしましたが、いくつかの説明できないスペースがIE 8ブラウザの下部にあります。 inspect要素のコンソールを開いてクローズすると、完全に見つかるフルスクリーンが表示されます。しかし、ページが読み込まれているときにはフルスクリーンではなく、底部にスペースがあります。また、ページの読み込み時に画像の上端が切れていることに気付きました。画像の下端9/10と上端1/10を表示する例は表示されません。 inspect要素のコンソールを切り替えると、画像の10/10が表示されます。それを修正する方法はありますか?私が言っていることを理解してもらいたいと思います。 – Dr3am3rz
IE9で作業していますか?それ以外はCSS3のマークアップです。そうすることはできません。 – Marnix