针对IE6浏览器下，zoom:1的问题

一、css代码如下：

.message .con .word {font-size:14px;color:#333333; border-radius:3px; padding:10px;border:1px solid #c3e6fc;background:#fff;position:relative;}

.message .con .word .jt{width:8px;height:12px; position:absolute;top:10px;left:-8px;background-position:0 -713px;}

 

IE6

IE7

IE8、firefox

二、针对ie6修改css：

.message .con .word {font-size:14px;color:#333333; border-radius:3px; padding:10px;border:1px solid #c3e6fc;background:#fff;position:relative;}

.message .con .word .jt{width:8px;height:12px; position:absolute;top:10px;left:-8px; _left:-18px;background-position:0 -713px;}

 

IE6

IE7

IE8、firefox

 

三、ie6，7白背景框无上边框，再次修改css：

.message .con .word {font-size:14px;color:#333333; border-radius:3px; padding:10px;border:1px solid #c3e6fc;background:#fff;position:relative; zoom:1;}

.message .con .word .jt{width:8px;height:12px; position:absolute;top:10px;left:-8px; _left:-18px;background-position:0 -713px;}

 

IE6

IE7

IE8、firefox

四、ie6下还是有问题，把第一次修改的_left:-18px;删掉

.message .con .word {font-size:14px;color:#333333; border-radius:3px; padding:10px;border:1px solid #c3e6fc;background:#fff;position:relative; zoom:1;}

.message .con .word .jt{width:8px;height:12px; position:absolute;top:10px;left:-8px;background-position:0 -713px;}

 

IE6

IE7

IE8、firefox

 

最后，我好像明白了点什么，你明白了么？挖哈哈！！

 

转载于:https://www.cnblogs.com/sunnywindycloudy/p/7381785.html