背景大小：覆蓋不結垢圖像中的div

Question

我有四個同樣大小的div的設置是這樣的：

<div id="top-left"></div> 
<div id="top-right"></div> 
<div id="bottom-left"></div> 
<div id="bottom-right"></div> 

是每一個頁面的寬度的50％和定位絕對。與此類似，例如：

#top-right { 
position: absolute; 
top: 0px; 
left: 50%; 
width: 50%; 
height: 50%; 
} 

的問題是，當我嘗試通過CSS3蓋縮放（大）的背景圖像。這是背景圖像的CSS我到目前爲止有：

background: #000 url('DSC01992.jpg') center center fixed no-repeat; 
background-size: cover; 
-moz-background-size: cover; 
-o-(etc.) 

這是一個活生生的例子：http://jsfiddle.net/TqQv7/

如果您在此處打開佔位符圖像：http://placekitten.com/2000/1000你將看到的圖像沒有被正確縮放。

我錯過了什麼嗎？

Answer 1

刪除background-position和background-attachment部分短片background聲明將爲您提供所需的結果。

變化：

background: #000 url('http://placekitten.com/2000/1000') center center fixed no-repeat; 

要：

background: #000 url('http://placekitten.com/2000/1000') no-repeat; 

這裏是一個演示：http://jsfiddle.net/TqQv7/1/

使用background-position和background-attachment與background-size : cover一起被反直覺的，你告訴瀏覽器在那裏做兩件不同的事情，似乎是這樣現代瀏覽器仍然默認使用舊方法而不是新方法。

有關有關background-size退房時的MDN文檔注意事項的詳細信息：https://developer.mozilla.org/en-US/docs/CSS/background-size