码迷,mamicode.com
首页 > 其他好文 > 详细

记录遇到的IE8兼容性问题汇总

时间:2016-04-25 15:07:37      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

1,伪元素:first-child不起作用,需要单独指定样式名称

2,透明度表示方法,尤其在函数中表示

@mixin opacity($value) {
  -webkit-opacity: $value;
  -moz-opacity: $value;
  -ms-opacity: $value;
  -o-opacity: $value;
  filter: alpha(opacity=$value*100); //0~100的,所以这里需要*100
  opacity: $value;
}

3,input文字垂直居中,在IE8-之文字不默认垂直居中。解决:必须设置line-height

4,接文3:兼容了IE的文字不居中之后,打开Safari再看,placeholder竟然偏上了,经过查可知Safari不需要line-height,那么我们带上IE8的hack,“\9",ex:

input{
    height: 32px;
    line-height: 32px\9; //ie8的hack写法
}

 

记录遇到的IE8兼容性问题汇总

标签:

原文地址:http://www.cnblogs.com/Brose/p/IE8_hack.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!