在div上制作三角形

Question

有人能告诉我如何在背景图片上呈现三角形的用户。我想做一个三角形UI。为此，我正在掩盖两个图像（一个background.jpg和masking图像，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/（耶！）