背景图片不适用于Android,BB,Windows Phone

时间:2012-07-30 12:32:24

标签: android html css windows-phone-7 blackberry

我的背景图片在Android,BB,Windows Phone中无效。我想要支持所有Android,BB,Windows Phone的Common Code。

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

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

由于

3 个答案:

答案 0 :(得分: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 >

答案 1 :(得分:3)

解决方案:

.ui-body-a,
{
background: url(../images/background.jpg) no-repeat; 
background-position:center center; 
background-attachment:scroll; 
background-size:100% 100%;  
}

答案 2 :(得分:1)

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

​body{
    background-image:url("myBgUrl");
}​