12

iOS 7 用の WebKit にバグと思われるものを見つけましたが、これは iPad 3 および 4 でのみ発生したため、何らかの形でハードウェアに関連していると思われます。

バグ: CSS ボックスの影にスプレッド値 (4 番目の値) を追加すると、影全体が消えます。ここに例を上げました。

iOS 7 を搭載した iPad 3 および 4 でこのエラーを確認できる人はいますか?

4

10 に答える 10

8

IOS 7.0.4 ではまだ問題があります。

1 ピクセルの境界線半径を追加して、ブラウザがランドスケープ モードおよびズーム中に影をレンダリングするように強制します。

border-radius: 1px;
于 2014-01-24T03:01:32.437 に答える
2

iOs 7.0.3を搭載したiPad miniで同様の問題が発生し、サファリとクロムの両方で問題が発生しました

  1. ズームに関係なく、インセットボックスの影のある入力フィールドがまったく表示されませんでした
  2. div ドロップ シャドウが表示されましたが、ズームインすると線に変わり、さらにズームインすると線も非表示になります。

別のスレッドでこの解決策を見つけました：

-webkit-appearance: none;「 iOS はフォームを台無しにする傾向があるため、追加してみてください。」

そしてそれは問題を解決しました！

于 2013-11-07T17:44:09.077 に答える
2

まったく同じ問題を調べていたのはさらに奇妙です。

インセットを使用すると、スプレッドを定義でき、正常に機能します!

もう 1 つの重要な事実は、iPad を横向きモードにするとドロップシャドウが消えることです。

これはかなり厄介なバグです！

于 2013-09-30T20:10:22.437 に答える
0

私は同じ問題を抱えていて、border-radius:1pxそれを修正するために追加しました。

于 2014-06-11T14:14:32.077 に答える
0

iPad Air / iOS 7 と同じ問題:(

設定-webkit-appearanceも役に立ちませんでしたborder-radius。

次の CSS を使用して修正しました (これにより、他のブラウザーでスプレッド設定を使用し、webkit/iOS のみをオーバーライドできます)。

.box_shadowed 
{
    box-shadow: 2px 2px 4px 2px #ccc;
    -webkit-box-shadow: 2px 2px 4px #ccc;
}
于 2014-04-23T03:43:42.897 に答える
0

ここに似たようなものがあります。画像要素にボックス シャドウを適用しました。zoom=1 で問題なく表示されます。しかしズームインすると、iOS 7 の iPad 3 では消えてしまいます。

使用される CSS コード:

#photostrip > img {
    -webkit-box-shadow: 0px 6px 8px rgba(0,0,0,0.33);
       -moz-box-shadow: 0px 6px 8px rgba(0,0,0,0.33);
            box-shadow: 0px 6px 8px rgba(0,0,0,0.33);
}
于 2013-11-06T14:46:31.880 に答える