Question

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

如果您的容器中包含webkit-filter且子元素包含overflow: hidden，则该元素内的溢出内容将不会按预期隐藏，如this test case中所示。

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

Answer 1

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

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

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