2012-09-26 63 views
1

有人能告訴我如何在背景圖像上呈現帶有三角形的用戶。我想製作一個三角形的用戶界面。爲此我掩蓋了兩張圖片(一張background.jpg和一張蒙版圖片,triangle.png)。我在我的div背景中使用這個新圖像。我已經完成了這個使用MaskImage在一個div上製作三角形形狀

Resulting image

但問題是,我的背景圖片的大小變化,但triangle.png的大小是固定的。我也嘗試使用線性漸變,CSS屬性。但它在IE中不起作用。那麼是否有任何插件可以屏蔽兩個圖像,而不管這些圖像的大小。或任何其他最佳方式來實現我的目標。

感謝提前:)

+0

如果使用HTML5,我會去畫布和創建作爲掩模,能夠根據圖像來調整其大小三角形尺寸比':/'一些JS圖書館可能會爲你做... – Stphane

+0

是的,這很容易,但我沒有使用HTML5。所以還有其他建議嗎? – zzai

回答