2012-05-09 55 views
0

當我用反射-webkit-box-reflection開發一個div圖像盒子時,我發現底部的反射不完全從圖像底部鏡像。這取決於可用於反射的大小。這是一個-webkit-box-反射錯誤

爲了更好的說明該問題的:

http://jsfiddle.net/mochatony/4B26Q/14/

的2幅的圖像具有不同的反射,一個從中間和一個從該圖像的底部,這是我期望反射是從底部。反射在某種程度上取決於可用的html高度,它允許全陰影顯示的空間,它將反映底部的圖像(您可以調整html面板的滑塊以調整大小)。

有沒有辦法從圖像底部修復反射開始而不管可用空間?

+0

這可能是一個錯誤。 –

+0

您是否檢查過webkit的錯誤跟蹤器?如果您提交報告,它可能會有所幫助。如果他們之前看到過,他們會將其標記爲「重複」,這可能有助於找到解決辦法。 –

回答

2

在BOX1和BOX2去除寬度和高度嘗試相同的代碼如下:

#box1{ 
position:fixed; 
margin-left:20%; 
margin-top:0%; 
-webkit-box-reflect: below; 
}