2013-04-02 16 views
5

私は変更背景画像のサイズは、JavaScriptで

background-image: url('url_here'); 
background-attachment: fixed; 
background-repeat: repeat; 

しかし、基本的なCSSを、ウェブサイト上で繰り返し背景画像を入れしようとしてきた、IDは、画像IMのサイズを変更できるようにしたいですリフレッシュ時には、javascriptを使用します。それは背景のために何ができるかについてhereを参照してください - CSS機能

background-size: 300px; 

残念ながらCOMスタイルオブジェクトのdoesntのを持っています。これは私に1つの選択肢を残す:自分自身を繰り返すHTMLイメージを使用して、COMスタイルオブジェクトで編集できるようにする。

私の質問は次のとおりです。バックグラウンドイメージではないHTMLイメージを繰り返す方法はありますか?どんな助けでも大いに感謝しています。

答えて

11

実は、あなたはそうのようなJavaScriptで背景の大きさに影響を与えることができます。

document.getElementById("el_id").style.backgroundSize = "100px 100px"; 

をこのフィドルチェックアウト:http://jsfiddle.net/Lph2W/を。 CSSは背景イメージのサイズを200px X 200pxに設定し、JSはそれを100px X 100pxに更新します。

+1

ああ、私をUP投票することを忘れないでください見つかった場合。それほどありがとう!それはうまくいく! – pinkie

3

これは私にとってはうまくいきました。これが他の人に役立つことを願っています。

var el = document.getElementById("notification"); 
el.style.background = 'url(images/Noti.png) no-repeat center center'; 
el.style.backgroundSize="100% 100%"; 

あなたは、この有用な:)

+0

これがなぜ元の質問に役立つのかについてもっと詳しく説明できますか?私はそれが実際にそれに答えるのは明らかではない。 – mjuarez

+0

Percentはpx –

+0

の方がうまくいきます。質問によく答えるには、引用符を繰り返してください。

関連する問題