Javascript 在div上做三角形

有人能告诉我如何在背景图像上为我的用户呈现一个三角形吗。我想做一个三角形的用户界面。为此，我屏蔽了两个图像（一个background.jpg和一个masking image，triangle.png）。我在a组的背景中使用了这个新图像。我已经完成了这项工作

但问题是，我的背景图像的大小会改变，但triangle.png的大小是固定的。我也尝试过使用线性渐变，css属性。但它在IE中不起作用。所以有任何插件可以屏蔽两个图像，而不管它们的大小。或者任何其他实现我目标的最佳方式

---

提前感谢：）

您应该能够使用CSS中的

：before

和

：after

覆盖两个遮罩三角形，并使用不均匀边界属性创建三角形，如

---

编辑：（耶！）

您应该能够在CSS中使用

：before

和

：after

覆盖两个遮罩三角形，并使用不均匀边界属性创建三角形，如

---

编辑：（耶！）

如果使用html5，我会选择画布并创建一个三角形形状作为遮罩，以便能够根据图像大小比率调整其大小。

：/

一些js库可能会为您这样做……是的，这样做非常简单，但我没有使用html5。那么还有其他建议吗？如果使用html5，我会选择canvas并创建一个三角形形状作为遮罩，以便能够根据图像大小比率调整其大小。

：/

一些js库可能会为您这样做……是的，这样做非常简单，但我没有使用html5。还有其他建议吗？