在移动浏览器中，页脚图像不会重复，但背景图像会重复，并且没有问题。
在移动浏览器中，页脚图像不会重复，但背景图像会重复，并且没有问题。
提问于 2013-08-30 06:27:59
我有一个在桌面浏览器上运行良好的网页，但当我在iPhone上打开它时，背景图像会重复，但页脚图像却不会。他们有几乎相同的css代码，会有什么问题呢？
下面是我的正文css代码
body.login {
margin:0;
padding:0;
position:relative;
background: #161616 url(../img/login-page-bg_01.png) left top repeat-x;
font-family: roboto,"Helvetica Neue",helvetica,arial,sans-serif;
font-size:12px;
line-height: 1.7em;
height:750px;}下面是页脚的css代码
.login div.footer{
margin:0;
padding:0;
background:url(../img/login-page-bg-footer.png) left top repeat-x;
position:relative;
bottom:0;
left:0;
width:100%;
height: 117px;
z-index:5;
}问题是身体bg图像重复，但页脚图像只重复一次。
回答 1
Stack Overflow用户
发布于 2013-08-30 07:11:54
在看不到所有代码的情况下，这些可能是问题：
- Mobile Safari不会渲染非常大(尺寸，而不是文件大小)的图像。
- 尝试删除
position，left和bottom。在这种情况下，它们是无用的。
要查看元素本身是否足够大，可以添加背景颜色：
background: red url(../img/login-page-bg-footer.png) left top repeat-x; 我喜欢“红色”这个词。红色的是大的还是小的？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18521966
复制相关文章
相似问题
腾讯云开发者
