在一个div上制作三角形形状

Question

有人能告诉我如何在背景图像上呈现带有三角形的用户。我想制作一个三角形的用户界面。为此我掩盖了两张图片（一张background.jpg和一张蒙版图片，triangle.png）。我在我的div背景中使用这个新图像。我已经完成了这个使用MaskImage。

但问题是，我的背景图片的大小变化，但triangle.png的大小是固定的。我也尝试使用线性渐变，CSS属性。但它在IE中不起作用。那么是否有任何插件可以屏蔽两个图像，而不管这些图像的大小。或任何其他最佳方式来实现我的目标。

感谢提前:)

Answer 1

你应该能够覆盖在使用CSS和:before:after两个遮掩三角形，并使用像http://css-tricks.com/snippets/css/css-triangle/不均匀边框属性的三角形。

编辑：（！耶）http://jsfiddle.net/A9Zbj/11/