页脚背景不是在iphone上显示

时间:2013-07-10 11:18:03

标签: iphone css wordpress background footer

我在这个网站www.vostip.mk上有一个页脚背景 这是代码

div#omc-inner-footer {
 display: block;
 margin: auto;
 width: 950px;
 padding: 40px 40px 0px 40px;
 background: url("http://vostip.mk/wp/wp-content/uploads/footerbg.jpg") no-repeat;  
}

背景显示在PC上,但不显示在iphone上

2 个答案:

答案 0 :(得分:1)

这是因为您已将上述样式添加到style_1024.css文件中,该文件仅适用于网站的PC版本(不是iphone版本)

@media only screen and (min-width: 1024px) { ... }

对于iPhone,您需要将背景样式添加到相应的样式表中。

希望有所帮助。

答案 1 :(得分:0)

我快速浏览了一下您的vostip.mk网站,看起来您的div中的元素都已浮动,而您依赖的是<br> clear:both;按下包含div,以便可以看到它的背景。这可以在桌面上工作,但也许这是iphone的问题,特别是因为它自然是一个内联元素,它可能无法清除你的子元素。尝试明确设置包含div的高度,看看是否可以修复它。

我心中的一些事情告诉我,在他们没有明确设置位置属性之前,我已经在元素背景上遇到了iphone问题 - 尝试将position: relative;添加到包含div中

如果失败,请尝试使用以下内容进行调试:http://debug.phonegap.com/