边框border制作三角的小工具

边框border制作三角的小工具：

使用了IE滤镜中chroma滤镜方式针对IE6的方式做了hack处理。处理的方式是设置一个颜色color用于透明使用，并且这个color要与chroma中的color相同，但重要的是不能与边框色相同，否则边框色透明了看不到，直接导致三角形不会出现。

css代码如下：

<style type="text/css">
.triangle {display:inline-block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;
vertical-align:middle;
border-bottom:7px solid #FFFFFF;
border-top:0 none;
border-left:7px solid transparent;
border-right:7px solid transparent;
_color:#FF3FFF;
_filter:chroma(color=#FF3FFF);
}
</style>

来源于： http://linxz.github.io/tianyizone/triangle.html

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/529

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！