Webkit 插入阴影错误

Posted

技术标签:

【中文标题】Webkit 插入阴影错误【英文标题】:Webkit inset shadow bug 【发布时间】:2011-10-20 11:06:59 【问题描述】:

这是与Google Chrome inset box-shadow bug on Windows, not on Mac: Better workaround? 不同的错误

但是,我认为它与:Weird box-shadow artifacts in webkit有关。

在 Chrome (14.0.845.202) / OS X Lion 上按下按键时,将插入框阴影应用于文本输入似乎会呈现伪影(阅读:光标周围的另一个插入阴影)。

我这里有一个例子:http://jsfiddle.net/pK2PP/17/

其他人可以复制这一点 - 或提供解决方案吗?

编辑:截图http://i.imgur.com/ErfFw.png

【问题讨论】:

【参考方案1】:

并不能真正帮助您,但我在 10.7 的 14.0.835.202 中没有看到它。看过其他一些 box-shadow 问题后,似乎有很多 webkit 渲染怪癖非常非常不一致。

这太糟糕了,因为 webkit 支持我选择的浏览器。我将在另一个系统上尝试一下,看看是否可以复制它。

【讨论】:

这似乎很断断续续,至少对我来说是这样。我已将屏幕截图附加到 OP。

以上是关于Webkit 插入阴影错误的主要内容,如果未能解决你的问题,请参考以下文章

具有角半径的 WPF 插入阴影

如何在 SVG 中制作插入阴影

css CSS:假插入框阴影

CSS 插入阴影

CSS 文字插入阴影

CSS 具有插入变化的盒子阴影