div透明边框的设置及ie兼容

做项目的时候遇到了一个问题：要求是有多个无边框的div同时排列，当鼠标经过div时，背景变色，显示1px的边框颜色。

在制作过程中，由于div在hover时添加边框，则width增加了2px，当前div会位移，同时影响了排列在后面的div也会出现位移。

解决方法：设置div的边框为1px且透明，div{border:1px solid transparent;}

              由于ie6下不支持边框透明需要做兼容{_border-color:tomato;filter:chroma(color=tomato);}

转载于:https://www.cnblogs.com/web-xiaobai/archive/2012/10/10/2717841.html