IE sucks, 十分特殊的chroma滤镜bug
已经受够了IE6了,什么时候IE6能灭绝?
IE6下不支持border-color:transparent,而众所周知的解决办法是使用chroma滤镜。
chroma滤镜的作用是,将此节点内的指定颜色变为透明。所以这样就可以实透明边框:
.test{ border-color:pink; /*设置一个很少用到的颜色*/ filter:chroma(color=pink);}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><meta http-equiv="content-type" content="text/html; charset=utf-8" /> <TITLE>IE chroma bug test</TITLE><style>.test{border: 1px solid pink;filter: chroma(color=pink);zoom:1;}</style></HEAD><BODY><div style="border:1px solid pink"><div style="float:left;overflow:hidden;"><div />IE sucks!</div>加上position:relative后<div style="position:relative;background-color:gray;"><INPUT TYPE="radio" />IE sucks!</div></div></div><div style="clear:both;"></div></div></BODY></HTML>