背景圖像大小在所有瀏覽器中都不起作用

剛剛發生的最奇怪的事情，我遇到了一個問題，我用頁腳固定了，我意外地在代碼中包含了％符號。看一看。我的網站是usahvacsupply.com背景圖像大小在所有瀏覽器中都不起作用

html, body{ 
overflow:auto; 
margin: auto; 
background-image:url('/images/Testing1/bg2.jpg'); 
background-repeat: no-repeat; 
background-position:top center; 
-moz-background-size:100% 100%; 
-webkit-background-size:100% 100%; 
background-size:contain%; 
top: 0; 
left: 0; 
}

未經％之後的含有它拋出一切都關掉。該％只滿足於Firefox。有沒有人知道所有瀏覽器的修補程序？ IE的％幫助，但拋出頂級導航選項卡。在鉻中，這完全出乎人意。我在這裏非常困惑，所以幫助將不勝感激。

來源

2013-05-09 icemanphd

將包含更改爲100％會使其填滿整個屏幕？那就是你想要的嗎？ – Michael 2013-05-09 14:57:03

那麼，你有不同的前綴不同的背景位置規則。

如果您想使用'contains'作爲值，請嘗試刪除％，然後按照其他規則操作。

-moz-background-size: contain; 
-webkit-background-size: contain; 
background-size: contain;

來源

2013-05-09 14:56:15

不，我只是把它改成自動的，它除了當窗口沒有最大化時頂級導航選項卡被移出的位置之外，它做我想要的。你看到了解決辦法嗎？ – icemanphd 2013-05-09 14:59:28

包含將工作，但它拋出我的頁面內容對齊 – icemanphd 2013-05-09 15:02:03

有幾件事情在這裏進行。您使用表格會限制您正確定義模板的能力。我會考慮在你的body或wrapper元素上添加一個設置的像素寬度。從那裏，我會分析你是如何造型你的表格行和單元格，並且可能會刪除第一個空單元格並將導航定位到左側。那麼它不會滑出視野。 – 2013-05-09 15:07:59

背景圖像大小在所有瀏覽器中都不起作用

回答

相關問題