所在位置:杂记 >> CSS >> 解决IE6下边框颜色不支持transparent的问题
解决IE6下边框颜色不支持transparent的问题
发表于 四年前(2014-4-22 18:33:02) | 阅读 (3487) | 评论 (0)

现在我们经常见到直接用字符或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>

示例效果:

只使用transparent
使用transparent+_filter:chroma(color=blue)
使用transparent+_filter:chroma(color=blue)+zoom
杂记评论(0):
称谓(必填):  网站(选填):
上一篇:linux环境Apache的编译安装过程  下一篇:通过等分圆周算取圆周上的热点区域     <<返回杂记列表