背景圖像反射

所以我有一個背景圖像（background:url(my_image.jpg) no-repeat;），我需要一個反射的圖片，你可以在這裏看到，我的意思是：http://www.imgmodels.com/。背景圖像反射

有沒有辦法做到這一點，使用JS腳本或CSS的黑客...？

最好的問候，

2010-08-22 Uffo

2010-08-22 13:34:38 IgalSt

它不'背景image'工作，我不知道爲什麼我沒有看到倒影呢。（「＃hold-picture.contact」）。reflect（{height：0.3，opacity：0.4}）;' – Uffo 2010-08-22 13:51:45

我不認爲我應該使用背景。腳本可能做的是在反射圖像下創建一個div，並且您無法爲背景創建div。無論如何，如果你想讓它成爲背景，你可以使用z-index來將它定位在你想要它作爲背景的元素下 – IgalSt 2010-08-22 14:02:53

我不知道任何的CSS方法（如果只有裁剪圖像和圖像下方創建一個新的div，並添加一個CSS的背景），但你可以使用jQuery reflection。

2010-08-22 13:35:02 Sotiris

您可以使用HTML5畫布和IE DirectX過濾器來達到相同的效果。還有一個預製的圖書館可以爲你解決這個問題：http://cow.neondragon.net/stuff/reflection/

2010-08-22 13:36:42

你可以用純CSS來做，但不幸的是只能在Webkit瀏覽器中正確使用。

2010-08-22 13:55:02 sje397

回答