3

我的背景图像无法在 Android、BB、Windows Phone 中运行。我想要支持所有 Android、BB、Windows Phone 的通用代码。

并且图像必须根据屏幕尺寸自动拉伸

任何人都可以帮我..提供一些好的解决方案。

谢谢

4

3 回答 3

3

好的,问题是您没有设置背景图像。您正在使用常规图像。要在元素上使用背景图像,您可以使用以下 CSS(只需注意背景线)。

确保图像的路径是相对于 CSS 文件的。不是根。相应地更改重复和定位设置 - http://www.w3schools.com/cssref/pr_background-image.asp

    #backgrndImg { 
        height: 100%; 
        left: 0; 
        position: fixed; 
        top: 0; 
        width: 100%; 
        z-index: -1; 
        background: url('images/your_image.jpg') no-repeat left top;
   } 

    <div id="backgrndImg"></div >
于 2012-07-30T13:10:51.223 回答
3

解决方案 :

.ui-body-a,
{
background: url(../images/background.jpg) no-repeat; 
background-position:center center; 
background-attachment:scroll; 
background-size:100% 100%;  
}
于 2012-09-12T10:31:43.963 回答
1

你的代码是什么?在我的 Android(默认 Internet 浏览器和 Chrome)上这样做对我来说很简单:

​body{
    background-image:url("myBgUrl");
}​
于 2012-07-30T12:35:43.920 回答