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-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;
}
于 2013-04-17T20:53:21.720 に答える