44种IE css bug实例测试总结[转]
来源:互联网 发布:smt贴片机编程怎么学 编辑:程序博客网 时间:2024/05/04 02:28
说明:如果您觉得看英文比较爽,请猛点这里查看原文(http://haslayout.net/css/)
实例LIST>>
:auto;}属性时,是不起作用的。>错误的浮动布局IE7, IE6Go连续N个浮动元素且有clear属性时,显示出错误的排版(宽度没有自适应)>页面滚动BugIE7, IE6Go非常怪异的溢出,看代码>连续浮动元素BugIE7, IE6Go在连续浮动元素中,最后一个与倒数第2个元素间会出现一段留白。>连续浮动元素会重复出现最后一个元素的BugIE7, IE6Go在连续浮动元素中,最后一个元素是重复的。>空标签会有height值IE7, IE6Go拥有layout属性的空标签会有height值>表单元素双margin值IE7, IE6Goinput textarea元素在水平方向的margin值会继承父级元素的margin和“layout”>边框dotted属性值等同dashed属性值ie7IE7Go当元素某边应用{1px dotted}属性且至少有一边的宽度大于1px时,dotted会出现dashed效果>relative属性overflow失效IE7, IE6Go当子元素设置position为relative的时候,父元素的overflow属性值hidden与auto均失效>IE7 “Broken” :hover Absolute BugIE7Go当子元素设置position为relative的时候,父元素的overflow属性值hidden与auto均失效>Button Background Shift On :active BugIE8Go:active时背景偏移当在button input type=”submit”标签应用:active状态时背景偏上及偏下>Invisible Hover Border BugIE8Gohover时边框隐藏元素设置了outline属性,当:hover状态时,bottom边框会完全不显示或少1px;>Percentage Padding Margin BugIE8Go元素垂直方向设置margin值,且父元素设置了padding值为百分比以及父元素的父级设置了border或padding属性是,产生的bug,且看实例:>图片浮动list标记bugIE8Go当list有浮动图片是list标记位置错误或根本不显示>TH标签没有继承text-align属性bugIE8GoTH元素不会继承来自其父元素的text-align的属性值>32个style限制IE8, IE7, IE6Go页面中style标签大于等于32个时,第32个及之后的style都将被忽略(当然包括
@import这种形式外链的样式表)>hover状态下白色背景忽略bugIE7Go:hover时背景不会改变>ie7下子选择器注释bugIE7Go在注释后包含有子选择器的选择器会被忽视;>使用*HTML bugIE6Go* HTML选择器ie6是能识别的>ie6忽略!important bugIE6Go当我们在CSS规则后面加上!important 关键字时,ie6是不能识别的;>PNG背景与背景颜色不匹配IE8, IE7, IE6Go元素应用PNG背景图片与背景颜色,且PNG图片的颜色与背景颜色值相同,但ie表现bug>margin值为auto无法居中 暂且叫伪bugIE8, IE7, IE6Go给块级元素设置margin值为auto时没法居中>:first-line !important规则无用IE8Go当应用:first-line伪类,且有!important规则是,在ie8下是无法正常显示的>:first-letter忽视bugIE6Go此bug是由一个有趣的原因引起;>不完全的点击bugIE7, IE6Goa元素仅仅在有文字的地方才能点击,且:hover效果也只有鼠标移动到文字上才会出现>浮动元素阶梯状bugIE7, IE6Go浮动元素像楼梯状排列在一起>列表背景消失bugIE6Goli,dt,dd元素背景不显示>noscript标签背景与边框bugIE8, IE7, IE6Gonoscript元素只有在浏览器禁用script时才会出现,但在ie浏览器却非全是如此;>透明区域无法点击bugIE8, IE7, IE6Go用PNG图片做背景时,a标签的透明区域无法点击;>list位置偏移bugIE8Go在ie8中,我们看到list与标记向下偏移>ol列表数没有增加bugIE7, IE6Go在ie6 7中我们无法看到ol列表数增加,而始终是1,不会发生变化>ul与ol列表编号与符号隐藏bugIE7, IE6Go在ie6 7中我们无法看到ol与ul列表数与图标;>无法让图片垂直居中IE7, IE6Go给元素使用line-height方法无法让内部图片垂直居中显示;>背景图片不显示IE8, IE7, IE6Gobackground 属性应用时在ie中背景图片不显示>自定义鼠标bugIE8, IE7, IE6Go自定义鼠标在ie中不显示>背景溢出bugIE6Go背景色会从一个元素溢出到与他下面相邻的元素里>高度扩大BugIE6GoGo元素自身的高度大于对其定义的高度(此高度值很小)>宽度度扩大BugIE6Go元素自身的高度大于对其定义的宽度(英文状态下)>双边距bugIE6Go浮动元素产生双倍的左右边距>负边距bugIE7, IE6Go当元素定义了负边距时,超出父元素部分会被隐藏掉;>斜体字浮动bugIE6Go浮动元素字体为斜体时,与其相邻的浮动元素会被挤下;>3px间隙bugIE6Go浮动元素相邻的元素或者有3px的间隙,或者向下移动了位置>Text-Align BugIE7, IE6Gotext-align属性影响块级元素
原文地址(爱词霸UED):http://ued.iciba.com/?p=401
0 0
- 44种IE css bug实例测试总结[转]
- 44种IE css bug实例测试总结(转载)
- IE-Bug CSS
- IE CSS bug--hack
- IE CSS Bug Table
- IE CSS Bug
- IE中CSS BUG
- IE浏览器Bug总结
- 关于IE的BUG(CSS)
- [转]解决IE下CSS背景图片闪烁的Bug
- bug测试总结
- 打败 IE 的葵花宝典:CSS Bug Table
- 打败 IE 的葵花宝典:CSS Bug Table
- 打败IE的葵花宝典:CSS Bug Table
- 打败 IE 的葵花宝典:CSS Bug Table
- css布局:IE下浮动(float)bug
- 打败 IE 的葵花宝典:CSS Bug Table
- 打败 IE 的葵花宝典:CSS Bug Table
- 用matlab对信号进行傅里叶变换
- 安装Microsoft office遇到的不支持从预发版Microsoft Office 2010问题
- Oracle错误代码大全
- IOS9 IPAD UITextField hide keyboard shortcut bar.!
- 内部类在方法和作用域内的用途
- 44种IE css bug实例测试总结[转]
- 欢迎使用CSDN-markdown编辑器
- PHP程序员都应该知道的 16个最佳 PHP 库
- Android处理崩溃的一些实践
- linux时间同步,ntpd、ntpdate
- Assembly x64 Intro - Register Macro Define from OpenH264
- oracle 11g 数据库中文字段,vs2013 MFC工程 显示乱码解决办法
- volatile
- 【代码笔记】iOS-饼图