背景图片不会在iOS上显示，但在其他浏览器上显示正常 [英] Background image will not show on iOS, but shows fine on other browsers

问题描述

我们有一个Magento网站的背景，根据需要扩展内容的数量。它似乎工作正常在PC和（希望Macs）。但是在任何iOS设备上，白色背景都不会显示。

We have a background on our Magento web site that expands as needed due to the amount of content. It seems to work fine on PCs and (hopefully Macs). But on any iOS device, the white background is not shown.

我已经包含了两个截图 - 一个在常规的PC浏览器中显示，一个显示它的外观

I have included two screenshots - one of how it looks in a regular PC browser and one showing how it looks on an iPhone.

以下是我们的网站：
http ：//tinyurl.com/arfpf7g

以下是直接指向iOS设备上未显示的图片的链接：
http://tinyurl.com/bcovmvg

Here is a link directly to the image that is not showing up on iOS devices: http://tinyurl.com/bcovmvg

谢谢！

推荐答案

您有一个名为.box_top的类。里面你有一个浮动：左;我不知道为什么，但尝试删除它，并替换为overflow：hidden。至少在FireFox和IE9他们是。

You have a class called .box_top. Inside you have a float: left; I don't know why, but try and remove that and replace it with a overflow: hidden. At least in FireFox and IE9 they were.

.box_top {
    background: url("../images/box_top.png") no-repeat scroll center top transparent;
    display: block;
    overflow: hidden;
    width: 1002px;
}

此外，删除边距：0 0 -5px。这会在边框外侧每个框的底部产生一个小灰色阴影。

Also, remove the margin: 0 0 -5px. This is causing a small grey shadow at the bottom of each box on the out side of the border.

这篇关于背景图片不会在iOS上显示，但在其他浏览器上显示正常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！