CSS兼容浏览器经验总结

• background背景图片没有显示IE下不显示：

 background: url(../images/icon/confirmAddbg.jpg)top center repeat-x;
 {background: url(../images/icon/winxin.jpg)no-repeat!important;}

以上两种方式均无法在IE下显示出图片。下面为兼容后的写法：

 background: url(../images/icon/confirmAddbg.jpg) top center repeat-x;
 {background: url(../images/icon/winxin.jpg) no-repeat!important;}

以上差别仅仅是一个空格而已。

• IE8的css hack \9 ：
  例如：line-height:25px\9
  \9：支持IE6、IE7、IE8浏览器
  \0：支持IE8、Opera
  其它可参与以下网址：CSS hack大全

• input与文字对齐：
  例如：
  

 <input type="checkbox" class="shop_list_checkbox">需要发票
 <input type="radio" class="radio" id="r1"><label for="r1">微信支付</label>
.shop_list_checkbox,.radio {position:relative; top:3px;margin-right:4px;}