background-attachment在Jelly Bean WebView中渲染渲染？

似乎後臺固定的CSS屬性在Jelly Bean WebView中無法正常工作（包括在應用程序中並使用默認的Android瀏覽器）。background-attachment在Jelly Bean WebView中渲染渲染？

如果我設置了這個屬性，背景圖片會被加載到內容上，即內容在背景圖片的後面。

這裏是我的有關HTML代碼：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="target-densitydpi=device-dpi"> 
<meta name="viewport" content="initial-scale=1.0"> 
<link rel="stylesheet" type="text/css" href="./gesture-background_files/genre-channel-background.css"> 
<style type="text/css"></style></head> 
<body> 
<div id="right-keys"> 
    <a href="keypress://1"><img src="./gesture-background_files/one.png"></a><br /> 
    Film24<br />      
</div> 
<div id="right-keys-vertical"> 
    <a href="keypress://1"><img src="./gesture-background_files/one.png"></a><br /> 
    Film24<br /> 
</div> 
<div id="footer"> 
    MUSCADE<span class="large">EPG</span> 
</div> 
</body> 
</html>

而這裏的CSS的相關部分：

body { 
    background-image: url(hot-black-background.jpg); 
    background-color: black; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: bottom left; 
} 

#right-keys, #right-keys-vertical { 
    position: absolute; 
    right: 10px; 
    width: 100px; 

    text-align: center; 
    text-shadow: black 2px 2px 0px; 
} 

#right-keys img, #right-keys-vertical img { 
    height: 90px; 
    margin-bottom: 0; 
} 

#footer { 
    position: absolute; 
    right: 10px; 
    bottom: 10px; 
    font-size: 20px; 
}

這是一個有點長，但唯一的重要組成部分，是對background-attachment和background-position性質CSS文件的頂部。如果我刪除這些，一切工作正常。

這是一個已知的錯誤嗎？任何人都可以提出一個解決方法？

下面是對文件的鏈接，所以你可以嘗試從果凍豆機瀏覽器（不鍍鉻）打開它：

http://212.92.197.78/gesture/gesture-background.htm

來源

2012-09-12 Zoltán

讓我想起了[這個問題]（佐爾坦的解決方案無法正常運作，我http://stackoverflow.com/q/11982733/248058）。 – Knu

事實證明，在果凍豆瀏覽器，如果你使用

body { 
    background-image: url(any-image.jpg); 
    background-attachment: fixed; 
    background-position: bottom; 
}

或任何涉及bottom或right爲background-position，任何元素參考你的位置向右或屏幕底部邊緣將被背景圖像覆蓋。

這絕對是Jelly Bean瀏覽器中的一個錯誤。

除了使用上面的，我把一個背景圖片我的網頁上使用下面的代碼：

HTML：

<body> 
    <img id="background" src="any-image.jpg" /> 
    (...) 
</body>

CSS：

#background { 
    z-index: -1; 
    position: fixed; 
    bottom: 0; 
    left: 0; 
}

來源

2012-11-01 21:41:21

相關器位置和絕對可以用的z-index。瞭解更多關於的z-index：http://www.w3schools.com/cssref/pr_pos_z-index.asp

來源

2012-09-23 13:50:02 LifeIsShort

我試着編輯z-index，但它沒有幫助 –

在我的網站，使背景圖像重新出現在內容後面（在Jelly Bean瀏覽器上），我只需要移除CSS屬性：background-attachment：fixed。

，因爲它使背景圖像不會在某些瀏覽器中正確顯示（上browserstack測試）

來源

2013-05-14 07:35:45 AlvaroV

我的問題是我想修復背景到屏幕的左下角。如果你只刪除'background-attachment：fixed'，你將無法定位背景圖片。 –

background-attachment在Jelly Bean WebView中渲染渲染？

回答

相關問題