Javascript：如何使用modernizr更改背景大小以覆蓋？

我使用Modernizr將背景大小更改爲cover爲跨瀏覽器。
我想要有一個固定的背景位置和大小，當頁面大小由用戶縮小或站點加載不同的分辨率更改。喜歡這個網站：www.australia.com Javascript：如何使用modernizr更改背景大小以覆蓋？

所以我進口Modernizr.js到我HTML文件：

<script type="text/javascript" src="js/modernizr.js"></script>

然後我在style.css文件中使用background-size這樣的：

background-image:url(../../images/back.png); 
background-repeat:no-repeat; 
background-position:top center; 
background-attachment:fixed; 
background-size: cover; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;

但後臺仍是可調整大小和代碼不起作用，請告訴我如何以正確的方式使用Modernizr？

來源

2012-03-07 Meghdad Hadidi

從Modernizr web site

Modernizr的是一個小型的JavaScript庫，檢測爲下一代網絡技術

這意味着Modernizr的本地實現的使用只來檢查可用性功能可在當前瀏覽器中使用，而不是操縱DOM或以某種方式修復CSS，這是您的責任。在這種情況下，你應該使用其他的CSS規則或JavaScript執行你基於什麼Modernizr的講述了特定功能，如fixing for the background-size in IE

來源

2012-03-07 11:43:32

但我看到了這樣一個例子，這樣做是希望任務。 www.australia.com本網站背景大小在頁面大小改變時不會改變。 – 2012-03-07 11:47:37

所以我敢肯定它是使用一些其他的JS庫的Modernizr在一起，可你錯過注意到 – 2012-03-07 11:52:30

請幫我找到做這個 – 2012-03-07 11:54:52

Javascript：如何使用modernizr更改背景大小以覆蓋？

回答

相關問題