Css 三角形，内容通过

嗨，我正在尝试创建一个在ie10中也可以使用的跨浏览器css三角形掩码

这是我有的，但在ie中不起作用。 还有别的办法吗

 .slider {
        -webkit-clip-path: polygon(0 0, 68% 81%, 100% 0);
        clip-path: polygon(0 0, 68% 81%, 100% 0);
        overflow: hidden;
        margin: 0 auto;
        width: 30%;
      }

  img {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

---

它在IE中不受支持。您可以考虑另一种方法。为什么不通过css制作一个三角形并将图像保存在其中

更多信息请点击这里

更新：三角形的另一个概念

.box1{
宽度：232px；
高度：180像素；
边框底部：1px实心#000；
溢出：隐藏；
}
.box2{
位置：相对位置；
溢出：隐藏；
变换：旋转（45度）倾斜（10度，10度）；
左边框：1px实心#000；
边框顶部：1px实心#000；
宽度：200px；
高度：200px；
利润率：81px 0 16px；
}
.box2_bg{
位置：绝对位置；
宽度：200%；
身高：200%；
前-50%；
左-50%；
z指数：-1；
背景：url(https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg);
背景大小：100%；
背景位置：中上；
变换：倾斜（-10度，-10度）旋转（-45度）；
过渡：.3s；
背景大小：50%；
}
.box2_bg：悬停{
背景大小：90%；
}

是的，有没有其他方法可以在ie中实现类似的功能？你是说使用边框吗？你能给我演示一个里面有图像的代码例子吗？是的，像边框。你能给我演示一个例子吗？我可以在中间得到一个图像。这可以用图像标签而不是背景图像来完成吗