webkit-filter 打破溢出：隐藏

我似乎遇到了 Google Chrome 27 中引入的一个奇怪的渲染错误。

如果你有一个带有webkit-filter和儿童元素overflow: hidden该元素内的溢出内容不会按预期隐藏，如中所示这个测试用例 http://jsfiddle.net/mekwall/P3ysJ/.

关于如何解决这个错误有什么想法吗？我特别需要 drop-shadow/box-shadow （分别是 webkit 和 mozilla）来处理表行，这就是我在测试用例中使用它的原因。

哇，这花了很长时间。所以你是对的，当 webkit 过滤器应用于父元素时，Chrome 27 存在溢出属性的错误。

所以...如果您将过滤器应用到应用溢出属性的同一元素，它将起作用。

http://jsfiddle.net/P3ysJ/8/ http://jsfiddle.net/P3ysJ/8/

.bar {
    position: relative;
    width: 11px;
    height: 8px;
    -webkit-filter: blur(0px);
    overflow: hidden;
}