CSS三角形是样式设计中非常常见的元素。它可以用来表示某些内容或装饰，但在一些旧的浏览器（如IE8）中，不支持纯CSS。完成。下面我们介绍如何在CSS中使用预处理器来实现这一需求。
.三角形 {
位置：相对；
宽度：0；
高度：0；
}
.triangle:之前{
内容： ””;
位置：绝对；
顶部：0；
左：0；
顶部边框：10px 实心#000；
右边框：10px实心透明；
}
@media 屏幕和 (-ms-high-contrast: 活动), (-ms-high-contrast: 无) {
/* 适用于IE10、IE11，并模拟IE8浏览器 */
。三角形 {
显示：内联块；
*缩放：1； /*IE8独占*/
}
.triangle:之前{
显示：内联块；
*缩放：1；
内容： ””;
位置：绝对；
顶部：0；
左：0；
顶部边框：10px 实心#000；
右边框：10px实心透明；
}
。三角形 {
显示：内联块；
*显示：内嵌； /*IE8独占*/
*缩放：1；
}
}上面的代码中，我们首先定义了一个CSS类.triangle来设置三角形的样式，然后使用伪元素:before设置一个倾斜的边框，形成一个三角形。这可以通过设置顶部颜色和边框宽度来实现。一个等腰三角形。
接下来我们通过@media语句来判断是否是IE8浏览器。如果是，则添加三个新的 CSS 属性以适应 IE8 浏览器：
其中，*缩放：1；是IE8特有的属性，主要解决IE8中的布局问题。
通过上面的代码，你也可以在IE8中实现漂亮的三角形！
