2012-02-21 9 views
0

IE8以前のブラウザでCSS3から複数の背景を使用したい。私はmodenizerライブラリをダウンロードし、ブラウザがこのコードを介して複数の背景をサポートしているかどうかを検出:IEで複数の背景を作成する

if(Modernizr.multiplebgs){ 
    alert("Your browser supports multiplebgs, enjoy!!"); 
} else { 
    alert("Sorry, browser does not support multiplebgs tag!"); 
} 

私はIE8およびそれ以前のバージョンで複数のバックグラウンド動作させるために、他のセクションに何をすべき?

答えて

1

複数の背景は、IE 9.0以降を使用している場合にのみ機能し、IE8以前ではこの機能を実装していません。 IE8以下で同様のことをする別の方法があるかどうかはわかりませんが、この特定の機能についてはIE8以下で動作させるために何もできません。

編集: 私はちょっと見渡しましたが、古いIEブラウザではサポートされていないcss3機能のいくつかのわずかな回避策があるようです。

http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

は、このサイトに記載されている複数の背景の代替ありますが、最終的に、それはCSS3 1ほど柔軟かつ有用ではありません。あなたがこの回避策を使用できる状況があなたに当てはまるかどうかはわかりませんが、あなた自身を見てみることができます。

0

Hmm ..私はあなたがimgのためのランダムなURLを選択し、フルスクリーンの背景の背景divとして挿入するためにJavaScriptを使用することができると思う。それはほとんどのブラウザで動作します。 CSS画像全体

:bg1.png、bg2.png、...

Javascriptをvar randomnumber=Math.floor(Math.random()*11)

http://css-tricks.com/perfect-full-page-background-image/

次にあなたが複数のようなサーバー上のイメージを持つことができます

次に、imgの後の数字にjavascriptの変数を使用し、背景イメージに挿入します。

document.getElementsByTagName( 'body')[0] .innerHTML = background-image:url( 'bg' + randomnumber);

もちろん、ここで自分のコードを編集する必要があります。 私はちょうどあなたが考えを得ることを願って:)

関連する問題