0

Reflection -webkit-box-reflect を使用して div 画像ボックスを開発しているときに、下部の反射が画像の下部から正確にミラーリングされていないことがわかりました。反射に使用できるサイズによって異なります。

問題をよりよく説明するには、次のようにします。

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

2 つの画像には、画像の中央からの反射と下からの反射があり、反射は下からのものであると予想されます。反射は、使用可能な html の高さに依存します。スペースが完全な影の表示を可能にすると、画像が下部に反映されます (html パネルのスライダーを調整してサイズを調整できます)。

利用可能なスペースに関係なく、画像の下から反射が始まるのを修正する方法はありますか?

4

1 に答える 1

2

次のように、box1 と box2 の幅と高さを削除して、同じコードを試してください。

#box1{
position:fixed;
margin-left:20%;
margin-top:0%;
-webkit-box-reflect: below;
}
于 2012-11-16T11:39:31.980 に答える