0

在我的 webapp 中，当使用 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 顺便说一句...

4

1 回答 1

2

您发布的代码使用CSS 3 背景速记并且cover是该background-size属性的值。简写还包括background-originandbackground-clip属性。但是，我认为它在 iOS 中尚不支持，因此您应该尝试将其分开：

.class {
background-image: url("../img/btn-map-fullscreen.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-color: transparent;
}
于 2013-04-17T20:53:21.720 回答