Question

在我的网络应用程序中，当使用css打开地图div时，会在屏幕上添加一个按钮：

 background: url("../img/btn-map-fullscreen.png") no-repeat scroll 0 0;   / cover transparent;

我不熟悉'/ cover transparent'语法（别人写了这部分）...

...但实际上，按钮在Chrome，FF，甚至是IE中都按预期显示...但该按钮在iPad上不可见。功能仍然存在;按钮存在但不可见。

如果我只删除'/ cover transparent'...那么这些按钮在iPad（以及我的桌面浏览器）上都可见，但是看起来不稳定，而且不正确。

我尝试了一些组合，但我还没弄明白如何在iPad上以与在桌面上相同的方式显示这些按钮..还是？

我正在使用JQuery btw ...

Answer 1

您发布的代码使用CSS 3 background shorthand，而cover是background-size属性的值。该简写还包括background-origin和background-clip属性。但是，我还不认为它在iOS中受支持，因此您应该尝试将其分开：

.class {
background-image: url("../img/btn-map-fullscreen.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-color: transparent;
}

iPad上无法显示图片：覆盖css属性？

1 个答案: