Javascript 背景图像在iPad Safari中不可见

我有一个输入框的背景图像。它在IE/FF中运行良好，但由于某些原因，它在iPad Safari中不可见。下面是相同的CSS

#rightContent  .inputBox{
background:transparent url(images/keyback.gif) no-repeat scroll center 6px;
border:0pt none;
float:left;
height:40px;
#height:37px;
margin-left:10px;
width:450px;
overflow: hidden;
}

---

请帮忙。谢谢。

我建议将

背景

样式分成不同的部分。并非所有浏览器都支持透明的（也可能支持该样式的其他部分）

---

当浏览器看到他们不知道该如何处理的样式时，通常会忽略整个样式。将

背景图像

放在它自己的行（例如，它自己的样式）上，可以让能够处理它的浏览器选择该属性，而不是因为它与浏览器不知道的东西混为一谈而错过它。

我相信背景颜色的默认值是透明的。你试过不设置颜色吗？另外，既然您有一个不重复的设置图像，为什么不将图像设置为jpg/png，并设置一个与您想要的背景颜色相匹配的颜色。

我也遇到了同样的问题，并且已经设法使用jQuery获得了一个可行的解决方案

    $(document).ready(function () {

        var buttonsFilename = '<%=ResolveUrl("~/Content/Images/Buttons.png") %>';

        $('.commands .command').css({
            background: 'url(' + buttonsFilename + ')',
            width: '55px',
            height: '55px',
            display: 'inline-block'
        });
    });

$（文档）.ready（函数（）{
var按钮文件名=“”；
$（'.commands.command'）.css({
背景：“url（“+buttonsFilename+”），
宽度：“55px”，
高度：'55px'，
显示：“内联块”
});
});

我在一个ASP.NETMVC网站中使用这个，因此使用了

标签

我只能使用背景快捷方式css属性使其工作。我无法让以下任何一项正常工作

• 背景图像
• 背景图像
• “背景图像”

---

。。。当使用对象表示法时。不幸的是，这会抹去您可能有的任何其他背景设置。但是我通过使用另一个jQuery设置我的

背景位置
属性来解决这个问题。
我也有同样的问题，但我发现我使用的图像切片太薄，无法在iPad上显示。这是一种纹理，所以我使用了一个15px的切片和一个x-repeat，这在所有浏览器中都很好，但在iPad上却不行。经过一些实验，我发现iPad的阈值似乎是130像素。
我尝试了两件事；1.如你所说，将背景分割成不同的部分&2。将背景图像添加为内联样式。。还是不行。。。同样的问题也存在于桌面Safari中…不确定它是否与使用“透明”有关。。