0

JavaScript を使用して、クライアント マシンの画面解像度を決定し、背景画像を中央に設定したいと考えています。

私はこれまでに来ました：

function centerBackGroundImage()
{
    var browserWidth = document.documentElement.clientWidth;
    var browserHeight = document.documentElement.clientHeight;
    $("#background").css({ "z-index": "-10", "margin:left": (browserWidth / 2) - (browserHeight/ 2) });
}

という名前の div タグと、画像ファイルの場所を含むタグを既に追加していbackgroundます<img>。

どんな助けでも大歓迎です。

4

2 に答える 2

6

これには JavaScript は必要ありません。CSS だけを使用して実行できますbackground-position。

#background {
     background-image: url('https://www.google.com/images/srpr/logo3w.png');
     background-position: center;
     background-repeat: no-repeat;
}

デモbody-私の例だけでなく、要素内でも機能します

于 2012-06-25T15:55:31.693 に答える
1

これにより、クロスブラウザの解像度が得られます

var browserWidth = $(window).width();
var browserHeight = $(window).height();
于 2012-06-25T15:54:37.937 に答える