箱子阴影传播在WebKit在iOS 7在Retina iPads的臭虫 [英] Box shadow spread bug in WebKit in iOS 7 on Retina iPads

问题描述

我发现在iOS 7的WebKit中似乎是一个错误，但只有在iPad 3和4，这让我相信它与某种硬件相关。

错误：如果我将扩展值（第四个值）添加到CSS框阴影，整个阴影消失。我已经在这里了一个例子。

任何人都可以在iPad 3和4上用iOS 7确认此错误？

解决方案<

添加一个像素边框半径，以强制浏览器以横向模式和缩放时渲染阴影。

  border-radius：1px; 
  

I've found what seems to be a bug in WebKit for iOS 7, but only on iPad 3 and 4, which leeds me to believe it's somehow hardware-related.

The bug: If I add the spread value (the fourth value) to CSS box shadows the whole shadow disappears. I've put up an exampel here.

Can anyone else confirm this error on iPad 3 and 4 with iOS 7?

解决方案

Still an issue in IOS 7.0.4.

Add a one pixel border radius to force the browser to render the shadow in landscape mode and while zooming.

border-radius: 1px;

这篇关于箱子阴影传播在WebKit在iOS 7在Retina iPads的臭虫的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！