IE FF Chrome 浏览器 css BUG

IE7 浮层遮挡

浮层遮挡情况想必大家在测试网页布局师会有遇到过吧,如果浮层中的元素覆盖的区域含有设置了postion:relative的元素,在IE7中浮层就有可能无法遮挡这些元素

解决办法:将浮层的父元素加上z-index即可


IE7 子级元素不随父元素滚动的处理方法

在IE6,IE7下,子元素使用position:relative、父元素使用overflow:auto后,我们预期的是滚动条滚动时,子元素也随着滚动,实际情况是内容不滚动,就感觉你是定位定在那里了。

解决办法:是父元素添加position:relative样式。


CSS 父级背景透明子级不透明的兼容写法

background:rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

当然没必要自己写可以通过这个站点自动生成http://leegorous.net/tools/bg-alpha.html


IE8中

selector.css('width') 如果宽度值有小数 则小数会被省略

IE9中表格错位

IE9下的表格错位 是由于td 与 td 之前及td与tr 之前 tr与 tr之前的空格引起的
若表格上没有绑定一些操作(js事件)就可以通过替换掉表格间的空格来处理

var content = $("table").html();  //IE9兼容 bug
content = content.replace(/td>\s+

若是表格中有操作的话 就不适合用以上的方法去处理,上面的方法 会将表格的html替换掉,绑定的事件也会被去掉(DOM已经不是原来的DOM)
建议的方式是

//code... //code...
//标签的开头与结尾相连 也就能保证标签之间没有空格存在

IE 各版本样式表现不一的处理办法

可以用css hack写法(自行百度)


火狐浏览器中 table的边框部分消失

原因:table中包含有空的tbody标签
解决版本:去掉多余的空tbody

你可能感兴趣的:(IE FF Chrome 浏览器 css BUG)