css三角形兼容ie6

CSS三角形是Web开发中常见的UI元素，可以实现各种尖角和箭头等图形。但是，在兼容IE6的旧浏览器上，CSS三角形的实现不同于现代浏览器。

.triangle {
   width: 0;
   height: 0;
   border-width: 5px;
   border-style: solid;
   border-color: transparent transparent #000 transparent;
} 

上面的CSS代码可以在现代浏览器下实现一个黑色的三角形，但是在IE6下，这种方法不起作用。

为了兼容IE6，我们需要使用Hack技巧，即使用IE6下支持的特殊选择器加以限制：

* html .triangle {
   width: 0;
   height: 0;
   border-width: 5px;
   border-style: solid;
   border-color: transparent transparent #000 transparent;
   overflow: hidden;
   font-size: 0;
   line-height: 0;
}
* html .triangle b {
   display: block;
   width: 0;
   height: 0;
   border-width: 5px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
   position: relative;
   left: -5px;
   top: -5px;
} 

在上面的代码中，我们使用了"星号html"选择器来限制IE6浏览器。同时，为了避免IE6中显示文字，我们设置了字体大小和行高为0，并且使用了一个b标签来实现三角形，使用定位将其位置调整到原来的左上角左边，并将边框颜色设置为白色来遮挡底部的黑色三角形。

通过这种方法，我们可以在现代浏览器和IE6下实现相同的CSS三角形效果。