ipad - iPad CSS 3 ボックス シャドウ バグ

Question

iPad Safari で次のバグを開くと、影の前に白い境界線が表示されます.このバグと解決策を知っている人はいますか? HTML: http://jsfiddle.net/RJxBu/

box-shadow: 5px 5px 4px 2px rgba(0, 0, 0, 0.4);

これが iPad でのスクリーンショットです。

Answer 1

Box Shadow が iPad に表示されないという問題がありました。

-webkit-appearance: none;

これは私にとってはうまくいきました。それが役立つことを願っています。

試す

-webkit-appearance: none;
-webkit-box-shadow: 5px 5px 4px 2px rgba(0, 0, 0, 0.4);

Answer 2

これを試して

.test {
    -webkit-box-shadow: 5px 5px 4px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 4px 2px rgba(0, 0, 0, 0.4);
    border: 0px;
}