挑戰：使背景和兩個div元素縮放和移動相對於瀏覽器窗口

-1

http://test.thebkk.net

，並使其擴展，適合於任何瀏覽器窗口，保持位置元素並將圖像完全保留在窗口中。

CSS涉及定位等：

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;  
}

來源

2012-02-17 tBoat

是的，我意識到菜單是不可靠的，它是一個測試精靈菜單，第一次運行，有一個更清晰的，可能會在您檢查時這個。 – tBoat 2012-02-17 00:11:29

使用background-size: 100% auto;（W/H），認爲應該工作。對於其他所有使用的百分比寬度（和高度）和位置以及

來源

2012-02-17 08:23:28

這沒有做到這一點。我也嘗試過'background-size：contain;'這並沒有改變大小...使用最近的Chrome/Firefox來檢查我的網站。還要檢查Linux/Mac/Windows。因爲，正是我想要它，只是想要它居中，並擴展到任何瀏覽器窗口大小。 – tBoat 2012-02-17 16:42:16

background-size只能與background-image一起使用：url（）聲明 - 可能在我的評論中不夠清楚 – 2012-02-18 12:23:29

挑戰：使背景和兩個div元素縮放和移動相對於瀏覽器窗口

回答

相關問題