修復背景有問題

我正在創建一個應用程序，我希望它有一個修復背景圖像。我使用html5，css3和javascript。我做了我的CSS來解決我的背景圖片就像我總是這樣，就像這樣：修復背景有問題

body{ background:#1F1F1F url(../assets/bg.png) fixed;}

好，每一件事情效果很好的瀏覽器，即使在IE8和背景圖像是固定的。但是，當涉及到我的移動設備的默認瀏覽器的圖像不再是固定的！

任何幫助，將不勝感激。

來源

2012-09-25 Arash

'background-attachment：fixed'，就像'position：fixed'（http://bradfrostweb.com/blog/mobile/fixed-position/）似乎對移動設備有問題。請參閱http://code.google.com/p/android/issues/detail?id=3301 – Ana

非常好。非常感謝你Ana – Arash

你在Webview中嘗試過它，或者你只是在瀏覽器中打開它。我猜如果你製作一個應用程序，它將被包裝在一個webview中。你應該先嚐試一下，看看它的表現如何。

來源

2012-09-25 12:06:52 SunnySonic

是的SunnySonic，我在webview和瀏覽器都試過。 – Arash

位置：固定僅支持自Android瀏覽器2.2版本以來。你在測試什麼？並完全支持自3.0以來看到：http：//caniuse.com/css-fixed替代可能是http://cubiq.org/iscroll – SunnySonic

我的移動設備是Sumsung Galaxy S2和它的Android版本是我認爲2.3.4 – Arash

如何指定固定的背景圖像：

body 
{ 
background-color: #1F1F1F; 
background-image:url('../assets/bg.png'); 
background-repeat:no-repeat; 
background-attachment:fixed; 
}

背景附件屬性設置背景圖像是否固定或與頁面的其餘部分滾動。所有主流瀏覽器都支持background-attachment屬性。

注意：「繼承」值在IE7及更早版本中不受支持。 IE8需要！DOCTYPE。 IE9支持「繼承」。

來源

2012-09-25 12:07:30 bodi0

是的男人，我也試過了。但它並沒有工作...... – Arash

修復背景有問題

回答

相關問題