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

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写法
}
时间: 2024-11-13 20:53:29

记录遇到的IE8兼容性问题汇总的相关文章

【Javascript】 IE8兼容性问题汇总

本章是在网页开发过程中所碰到的IE8兼容性问题做一个汇总. 尼玛太坑了,屡次踩坑,总是没记性.而且更坑的是IE8的开发者工具太难用了,想调试都调试不出来. 不得已只好记录下来,下次出问题了好方便排查. JS脚本中,必须遵循以下规则,否则都将导致JS脚本在IE8 错误. 1.所有js脚本的语句结束之后,必须以分号结束. 2.数组(Array)对象声明或赋值时,注意不能有多余的逗号(,)如: var arrNum = [1,2,4,]; var arrStr = [ {key:1}, {key:2}

浏览器兼容性问题汇总

# 浏览器兼容性问题汇总 ## 问题1 ### first-child ## <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div p:first-child { color: red; } </style> </head> <

【转】浏览器兼容性问题汇总

浏览器兼容性问题汇总 1:margin-left在IE6不生效(复现条件:块状元素.浮动.margin-left) ---------解决方法:http://www.seostudying.com/1233.html 2: position:fixed 在ie6 .ie7(quirk) . ie8(quirk)下被当成错误处理.-----------解决方法:http://blog.sina.com.cn/s/blog_106f3d140100yaok.html 解决思路:用 _position

bootstrap IE8 兼容性处理

1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="wi

ie8下面margin:0 auto;不能居中的解决方案,ie8兼容性代码

今天写了个div,用margin:0 auto:来定义他的属性,让他居中,结果,竟然无效. 一开始以为是css里的代码冲突了,检查了好几遍,没问题,然后用火狐和谷歌浏览器测试,居中了... 看来是浏览器兼容性的问题,突然想起现在用了win7,ie已经升级到了ie8,看来问题就处在ie8的兼容性上.百度之.... 特将解决方法复制到下面: IE6,7,Firefox下实现居中一般用:margin: auto 来实现,但在IE8下,这是不够的.现提供两种解决的办法: 方法一(推荐): 首先页首必须设

ie8兼容性_1:document.onclick失效

问题描述:在某些情况下,document.onclick在ie8浏览器下会不起作用. 问题原因:与某些第三方插件有关. 解决方案:把添加到document上的点击事件改为添加到body上的点击事件即可解决. eg:document.onclick=fun:改为document.body.onclick=fun: note:不建议使用禁用第三方插件的方式解决该类问题,因为我们的客户很多时候是不了解插件这方便的知识.

ueditor ie8兼容性问题

ie8情况下,在进入加载有uEditor编辑器页面时候,不显示工具栏,会提示ueditor 缺少对象或者出现错误 1.引用Ueditor的js 的时候用 绝对路径 网上搜出来的一种解决方法 不过我通过该方法没有解决 而且放到服务器上,不好使用绝对路径 2.经过测试 ueditor 1.4.3.2 在ie8下不会报错, 在官网上下载1.4.3.2 将引入的config.all.js或者config.all.min.js 直接替换 3.360.uc等浏览器双核浏览器的兼容模式下 会出现默认ie8 如

IE8 兼容性总结

rgba 颜色格式 IE8 不支持 rgba(0, 0, 0, .5) 这种颜色格式. 解决方案:可以利用一张半透明的 png 图片来兼容 IE8. flexbox 根据 caniuse 给出的数据,IE8 是不支持 flex 布局属性的, 甚至 IE11 只支持一部分. 解决方案:利用 display: inline-block / display: table / display: inline 来实现部分兼容. Almost complete guide to flexbox (witho

兼容性问题汇总

欢迎大家提供在项目过程中遇到的兼容性问题([email protected])1.input标签在safari下的兼容问题 a)在苹果ios系统safari下,input呈现渐变和圆角状态: 原因:原来iPhone上的safari解析input[type="submit"]和input[type="reset"]按钮会以苹果浏览器的默认UI渲染,苹果一直非常注重用户体验,从苹果系统为中文单独定义了汉字的字体就可以看出来, 所以苹果浏览器对网页元素进行渲染和美化不足为