css border-transparent在ie6、7下有效

今天做公司一个英文网站项目看见挺多的向下的三角形，看着挺高级的，于是试着能不能同时使用css3的高级属性，前段时间也是因为经常没事往天猫上面看，PS:虽是宅男，但是不买东西啊，只是因为研究下天猫的响应式设计，看天猫的首页响应式可以在ie6、7下面使用，觉得挺高级的，这个应该需要学习天猫的，同时看见天猫有很多使用了css3的样式属性，应该就是优雅降级的方式使用的，在高级浏览器上面展示css3的强大功能，其他浏览器上面反正页面正常，功能正常就基本ok了

    首先看这个天猫的顶部菜单栏这个有这个向下的按钮，当你鼠标放上去之后就变成这样了向上的效果了，其使用css3的效果会有一个平滑的旋转效果，同时使用2D的旋转，这样在使用高级浏览器的用户就会有很好的体验效果，我用ie6、7看来一下天猫首页发觉这个三角形也就不会有任何的平滑旋转效果，它就一直向下，也想学习天猫这个方法，开始我还以为这个三角形使用一个标签包住一个图片尼，结果用firbug一看，尼玛，不是啊！啥都没有就b标签加上样式，只是使用了border的样式属性，一看天猫使用的是这几个样式属性，开始看看只是简单的border的transparent而已，ok，明白了挺简单的吗，妈呀，一试不行啊，我是这样的

{width: 0;height: 0;border-top:4px solid #fff;border-right:4px solid transparent ;border-left:4px solid transparent;font-size: 0;line-height: 0;}

这个在IE的6、7下面根本就不行，三角形不见了，但是天猫的首页上ie6、7下面没问题啊，再一看有点区别的地方是这个

天猫的多了position: absolute;right: 50%;top: 12px;，恩恩添加上去了，也就粗来了这个是什么原理我也还不是很清楚

PS:(说起来也是不好意思我也还没有找到是什么原因，不知道是不是因为haslayout的原因，得去再找找资料看看到底是什么原因)

ok就先这样了有时间在找原理