-webkit-box-reflect和position：absolute

Question

我在Chrome Canary build

上运行了以下HTML代码段

<div id="debug" class="debug" >TEST</div>

另外，我有以下CSS代码段

-webkit-box-reflect: below 0px
                     -webkit-gradient(linear, left top, left bottom, 
                     from(transparent), to(rgba(255, 255, 255, 0.5)));

它按预期工作。它显示了 TEST 一词的反映。

但是当我添加position:absolute时，反射确实不：

    position: absolute;
    -webkit-box-reflect: below 0px
                     -webkit-gradient(linear, left top, left bottom, 
                     from(transparent), to(rgba(255, 255, 255, 0.5)));

我需要做什么才能使-webkit-box-reflect与position：absolute一起工作？ 在此先感谢您的帮助。

Answer 1

在你用于“测试”的div /标签周围做一个div。并使那个绝对。