我的背景图像无法在 Android、BB、Windows Phone 中运行。我想要支持所有 Android、BB、Windows Phone 的通用代码。
并且图像必须根据屏幕尺寸自动拉伸
任何人都可以帮我..提供一些好的解决方案。
谢谢
我的背景图像无法在 Android、BB、Windows Phone 中运行。我想要支持所有 Android、BB、Windows Phone 的通用代码。
并且图像必须根据屏幕尺寸自动拉伸
任何人都可以帮我..提供一些好的解决方案。
谢谢
好的,问题是您没有设置背景图像。您正在使用常规图像。要在元素上使用背景图像,您可以使用以下 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 >
解决方案 :
.ui-body-a,
{
background: url(../images/background.jpg) no-repeat;
background-position:center center;
background-attachment:scroll;
background-size:100% 100%;
}
你的代码是什么?在我的 Android(默认 Internet 浏览器和 Chrome)上这样做对我来说很简单:
body{
background-image:url("myBgUrl");
}