CSS笔记(IE8下relative异常出现滚动条)
新做了个主题,在IE8下测试,意外的发现网页多了一条滚动条,甚为不美观!几经查找,发现问题处在
position:relative;
疑惑之余,温习定位,多番测试,最后终于在谷老师的帮助下,发现了问题,一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。IE8居然不认父级的相对定位,直接就是在屏幕上显示绝对定位。
而meta有个X-UA-Compatible属性,X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,值为content=”IE=7″,意思是强制 Windows Internet Explorer 8 使用了 Windows Internet Explorer 7的标准模式来呈现页面。
具体如下:
<meta http-equiv=”X-UA-Compatible” content=”IE=7″/>
把这段代码,贴到
<header></header>
里.然后,世界安静了,一片祥和…