现在我们经常见到直接用字符或CSS实现三角箭头的效果,以前用没测那么细致,今天发现用纯CSS边框方式实现,IE6下transparent透明效果无法正常显示,使用滤镜chroma过滤掉指定颜色也没能达到透明效果,经过调试增加万能的zoom后正常。
代码如下:
<div style="background-color:#BFDBFF;border:solid 28px transparent;border-left-color:#000">只使用transparent</div> <div style="background-color:#BFDBFF;border:solid 28px transparent;_border-color:blue;_filter:chroma(color=blue);border-left-color:#000;">使用transparent+_filter:chroma(color=blue)</div> <div style="zoom:1;background-color:#BFDBFF;border:solid 28px transparent;_border-color:blue;_filter:chroma(color=blue);border-left-color:#000;">使用transparent+_filter:chroma(color=blue)+zoom</div>
示例效果:
Copyright © 2008 - 2009 PYZY.net All Rights Reserved
本站一切原创作品均采用创作共享授权方式 转载请注明出处 商业用途请与本站联系
飘雨之夜© 版权所有 京ICP备16068181号-1 Mail:Admin@pyzy.net