写代码

在前端开发中我们会经常碰到，各种小箭头的设计图。 比如：

大部分的时候我们是用一张很小的图片解决，之前也看到有朋友在群里问道这个。

新浪微博是用到了一个特殊符号 ◆ ，然后对它进行定位用的代码比较多，因为是特殊字符有编码不对的时候，那效果你懂得！但这种方式就可以很好的解决下面提到的IE6不支持 transparent的问题！
个人觉得不太合理

我们可以用边框的小技巧来解决这个问题
当我们把边框的宽度调成很大时候，大家看到的回事这么一个结果~

如果我们把元素的宽高度设置为0 那么再看看
我们想要的箭头出来了 有木有啊！ 亲~

继续加工，把上 左 右 三个边框颜色设置为transparent (关于IE6不支持 transparent的问题，下面的代码有hack支持) 那么~

好吧，还不够完美 ?   copy一份  用定位的方式 1px的差距

怎么样~   把边框的宽度设置为合适的大小，应用到实际项目中去吧！ 下面顺便贴上代码一份~

由于IE6不支持 transparent ，我们需要加入一点hack代码来兼容ie6  这里要用到滤镜！注：ietester 不支持滤镜，在ietester下是看不出效果的




上一张修改后 IE6下测试的图~