Html 如何在三角形div中插入img？

#d1{
宽度：0；
身高：0；
边框：500px纯蓝；
边框顶部宽度：0；
边框左宽度：0；
右边框颜色：透明；
左边框颜色：透明；
边际：0px；
浮动：左；
}
#img1{
}
#img2{
}
#d2{
宽度：0；
身高：0；
边界：500px固体；
边框底宽：0；
右边框宽度：0；
右边框颜色：透明；
左边框颜色：透明；
边际：0px；
}

---

如果我没说错的话，你需要能够点击一个div的三角形区域，而不是他所有的正方形大小

如果出现这种情况，只需在div

onclick

函数中添加鼠标坐标检查： 您知道三角形的尺寸，例如，如果它将一个正方形div切割成一条对角线，这就是方法：

这是右上角三角形的上正方形。如果你需要更复杂的坐标系，只要试着记住高中的笛卡尔坐标系公式，就可以理解一个点是否在三角形内

---

希望有用

可能是这个的副本：（是@Ana有相关的答案）非常感谢！！！！！！！！！！！！！很