2013-08-30 148 views
3

我有一個背景圖片和一個白色的div。我希望在該div內有透明的文本,以便您可以看到背景圖像的「through」。這是否可能?非透明div內的透明文字

應該是這個樣子:

+0

使用'opacity'屬性 –

+3

您可以關閉它,但似乎它只是一個webkit解決方案:http://jsfiddle.net/j08691/pHCsF/。創建完整圖像可能會更好。 – j08691

+0

這將如何實現使用畫布? –

回答

2

您需要CSS

-webkit-text-fill-color: transparent; 
1

使用下面的CSS屬性您的白色格通過使底層圖像顯示。

background: rgba(255, 255, 255, 0.6); 
+1

不,div應該是不透明的,但文字透明。 – 1nterference

0

代替文字,使用此爲您的文字,只是使用具有像素「整體而」(文本沒有像素,像素圍繞着它)GIF圖像。這可能是一個兼容性最高的解決方案。