-webkit-коробчатого отражают и позицию: абсолютная

Question

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

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

Answer 1

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