iphone上不显示页脚背景答案

【问题标题】：Footer background isnt showing on iphoneiphone上不显示页脚背景
【发布时间】：2013-07-08 07:16:12
【问题描述】：

我在这个网站 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;  
}

背景在电脑上显示，但在 iPhone 上不显示

【问题讨论】：

标签： iphone css wordpress background footer

【解决方案1】：

这是因为您在 style_1024.css 文件中添加了上述样式，该文件仅适用于 PC 版网站（不适用于 iphone 版）

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

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

希望对您有所帮助。

【讨论】：

啊，好地方，我的回答可能想多了！

【解决方案2】：

我快速浏览了您的 vostip.mk 站点，看起来您的 div 中的元素都是浮动的，并且您依赖于 <br> 和 clear:both；向下推包含的 div，以便您可以看到其背景。这将在桌面上工作，但也许这是 iphone 上的问题，特别是因为它自然是一个内联元素，它可能不会清除您的子元素。尝试显式设置包含 div 的高度，看看是否可以解决问题。

还有一些事情在我的脑海中告诉我，在没有明确设置位置属性之前，我在元素的背景上遇到过 iphone 问题 - 尝试将 position: relative; 也添加到包含的 div 中。

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

【讨论】：