-webkit-box-рефлекс и положение: абсолют

Question

У меня есть следующий фрагмент кода HTML, работающий в Chrome Canary build

<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)));

Работает как положено. Показывает отражение слова ТЕСТ .

Но отражение не работает, когда я добавляю 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-отражает работу с позицией: абсолютный? Заранее благодарим за помощь.

Answer 1

Создайте div вокруг тега div /, который вы используете для «теста». И сделайте его абсолютным.