2012-02-17 3 views
-1

に対して移動:チャレンジ:背景を作成し、2つのdiv要素は、スケールと私はここで何を撮りたいブラウザウィンドウ

http://test.thebkk.net

との位置を維持し、それが拡大し、任意のブラウザウィンドウに収まるよう画像をウィンドウ内に完全に保持することができます。

CSS関係(H/W)使用background-size: 100% auto;

body { 
     background-color: black; 
     background-image: url('http://thebkk.net/Images/BVF-Temp.jpg'); 
     background-repeat: no-repeat; 
     background-position: 45px -30px; 
} 

/* Player Style */ 
#player { 
     position: fixed; 
     width: 680px; 
     margin-top: 15px; 
     margin-left: 350px; 
     border: outset 5px white; 
} 
ul#menu { 
     position: fixed; 
     margin-top: 12px; 
     margin-left: 90px; 
     padding: 0; 
     list-style: none; 
     clear: both;  
} 
+0

はい、私はメニューがうねっていることを認識し、テストスプライトメニュー、最初に実行し、シャープなものを持っているこの。 – tBoat

答えて

0

.:等を配置し、動作するはずと考えています。他のすべてのために、パーセント幅(と高さ)と位置を使用する

+0

これはサイズに何も影響しませんでした。私は 'background-size:contain;'を試してみましたが、これもサイズを変更しませんでした。最近のChrome/Firefoxを使って私のサイトをチェックしました。また、Linux/Mac/Windowsでチェックします。つまり、私が望むのはまさにそれです。ちょうどそれを中心にして、どんなブラウザのウィンドウサイズにも拡大したいと思っています。 – tBoat

+0

background-sizeはbackground-image:url()宣言と一緒にしか動作しません。 –

関連する問題