2013年ie6,ie7,ie8 css bug兼容解决方法集合
2013-10-27 00:21
911 查看
前端开发
IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。
这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie67
8bug和解决办法!
普通IE css bug
IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。
这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie67
8bug和解决办法!
普通IE css bug
bug名称 | 影响版本 | 描述 |
Image Label Focus Bug | IE8,IE7,IE6 | 元素在元素之内,单击时,焦点不会转移到相应的表单控件 |
按钮Margin-Auto非居中 | IE8 | Button或类似元素并不居中当{ display: block; margin-left: auto; margin-right:auto;}作用与它 时候且“宽”是不明确的 |
不正确的浮动收缩-包裹bug | IE7,IE6 | 一个浮动元素(设置了clear属性)在另一个浮动元素之后时不能正确的收缩-包裹 |
overflow滚动条的不一致 | IE7,IE6 | 非常规的在<<span class="wp_keywordlink_affiliate" style="margin:0px; padding: 0px; border: 0px; background-color:transparent;">html>元素上设置overflow属性可能会出现关于 元素的overflow bug |
浮动挤压怪异差距bug | IE7,IE6 | 倒数第一个和倒数第二个浮动元素的间距似乎垂直堆叠了 |
浮动复制最后一个字符bug | IE7,IE6 | 浮动元素的最后一个字符被复制 |
空元素高度bug | IE7,IE6 | 有”layout”属性的空元素获得高度 |
表单控件的双边距bug | IE7,IE6 | 和 |
IE7 1像素点边框表现为虚线边框 | IE7 | 当至少有1边的变宽宽度大于1像素时,1像素的点边框表现为虚线边框 |
Relative Overflow失效的bug | IE7,IE6 | 含有overflow(hidden或auto)属性的元素的后辈如果含有position:relative属性,则其表现得就像是设置为visible属性一样 |
IE7 :hover“阻断”于absolute的bug | IE7 | 当绝对定位的子元素隐藏不可见的时候,使用:hover改变其left/top值貌似是不管用的。如果其可见,left/top也不会因:hover而改变 |
Button按钮 :active时背景改变bug | IE8 | 当:active状态应用与 |
忽略:focus的bug | IE8 | 当一个包含:focus的选择器在另外一个简单的选择器之后,:focus是被忽略的。 |
看不见的hover边框bug | IE8 | 当设置了outline,在:hover状态下,下边框要么没有完全显示,要么短了1像素(或是取消了outline) |
Padding/margin百分比bug | IE8 | 与百分比垂直padding特定组合,垂直margin间距似乎会出岔子,在父级的父级设置了padding或border的亦会如此 |
图片浮动项目符号混乱bug | IE8 | 在项目列表中含有浮动属性的图片的时候,项目标记(或编号)位置不正确或是压根没有渲染出来 |
TH标签text-align不继承的bug | IE8 | 祖辈的text-align值不会被TH元素继承下来 |
样式文件32的数目限制bug | IE8,IE7,IE6 | 第32个及其以后的样式文件中的样式一概忽略(i.e. |
相关文章推荐
- ie6,ie7,ie8 css bug兼容解决方法集合
- ie6,ie7,ie8 css bug兼容解决方法
- ie6,ie7,ie8 css bug兼容解决方法
- ie6,ie7,ie8 css bug汇总以及兼容解决方法 - xhuangtao
- 【技术】ie6,ie7,ie8 css bug汇总以及兼容解决方法
- ie6,ie7,ie8 css bug兼容解决方法
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
- ie6,ie7,ie8 css bug兼容解决方法
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- ie6,ie7,ie8 css bug兼容解决记录
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- JavaScript 在ie6 ie7 ie8和Firefox下bug兼容解决记录(包含部分CSS )
- IE6、IE7、IE8 CSS Bug兼容解决记录
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- css javascript等兼容IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器详细解决方法
- ie6,ie7,ie8 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录