IE CSS bugs 集合

最新推荐文章于 2024-08-02 08:01:09 发布
最新推荐文章于 2024-08-02 08:01:09 发布 · 129 阅读 · 0
文章标签：

#IE #CSS #浏览器 #脚本

本指南收集了IE浏览器中常见的CSS属性不支持及bug，包括46个普通bug教程，5个haslayoutbug教程，6个不支持的方法教程等，覆盖IE6到IE8的不同版本。

IE CSS bugs 集合

 

概述

 

IE 浏览器以不支持大量的 css 属性出名，同时也因其支持的 css 属性中存在大量 bug 。

 

本页列举了 IE 下的一些问题，实例样本和一些我们已知的解决方法。

 

尽管我已经尽力按照它们本来的性质对它们进行分类，仍有许多 bug 可以分在好几个部分之下，这种情况下，我将会将此 bug 分在普通 bug 这一部分。

 

统计

 

目前为止。此站点包含 46 个 ” 普通 bug” 教程， 5 个 ”haslayout bug” 教程， 6 个 ” 不支持的方法 ” 教程，一个“插图 bug ”教程。总共 58 个教程， 70 个解决方法。

 

最近的教程发布于 2009 年 8 月 19 日 15:38:47 星期三

 

站点包含 44 个 IE6 bug ， 28 个 IE7 bug 以及 19 个 IE8 bug 。

 

注意版本

 

在教程中你会看到诸如“影响： IE8 和所有以下”或“修复：所有版本”。这里的“所有”意思是 IE6 ， IE7 和 IE8 。 IE5 和 IE5.5 已经是历史了，本网站没有考虑这些版本的教程和解决方案的。

 

普通 bug

 

此部分包含的是那些不能快速定位为其他部分或是可以同时归类到两部分或更多部分的 bug 。

 

普通 IE css bug

 

bug 名称

影响版本

描述

Image Label Focus Bug

IE8,IE7,IE6

<img> 元素在 <label> 元素之内，单击时，焦点不会转移到相应的表单控件

按钮 Margin-Auto 非居中

IE8

Button 或类似元素并不居中当 { display: block; margin-left: auto; margin-right: auto;} 作用与它 时候且“宽”是不明确的

不正确的浮动收缩 - 包裹 bug

IE7,IE6

一个浮动元素（设置了 clear 属性）在另一个浮动元素之后时不能正确的收缩 - 包裹

overflow 滚动条的不一致

IE7,IE6

非常规的在 <html> 元素上设置 overflow 属性可能会出现关于 <body> 元素的 overflow bug

浮动挤压怪异差距 bug

IE7,IE6

倒数第一个和倒数第二个浮动元素的间距似乎垂直堆叠了

浮动复制最后一个字符 bug

IE7,IE6

浮动元素的最后一个字符被复制

空元素高度 bug

IE7,IE6

有 ”layout” 属性的空元素获得高度

表单控件的双边距 bug

IE7,IE6

<input> 和 <textarea> 元素上的水平 margin “继承”于含有 margin 和 layout 属性的祖先

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 状态应用与 <button> 或 <input type=”submit” /> 时背景会向上像左移动

忽略 :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. <style>, <link> 或 @import)

白色背景 hover 无效 bug

IE7

背景 hover 后转为白色背景无效

IE7 子选择器注释 bug

IE7

一个选择器如果包含子选择器，且在注释之后，是被忽略的

星号 HTML bug

IE6

* html 选择器在 IE6 下不会被无视

IE6 !important 忽略 bug

IE6

如果相当的规则再设置一次，则 !important 关键字将会被忽略

PNG 图片和背景色的不匹配

IE8,IE7,IE6

尽管有相同的颜色代码，但是 css 中的指定的颜色与 png 图片是有差异的

Auto Margin 不居中的伪 bug

IE8,IE7,IE6

block 属性元素设置了两侧的 margin auto 不居中显示

:first-line!important 规则无效 bug

IE8

当使用了 !important 修饰语后， :first-line 内部的伪 class 完全不起作用

:first-letter 无效 bug

IE6

全部的 :first-letter 规则集无效

:first-letter!important 无效 bug

IE8

当使用了 !important 修饰语后， :first-letter 内部的伪 class 完全不起作用

部分可点击 bug

IE6,IE7

只有文字是可点击的 / 有反应的，非得把鼠标移到真正的文字上才能有 :hover 反应，链接失效

楼梯 bug

IE6,IE7

浮动元素像梯子一样一个一个堆砌

列表背景消失 bug

IE6

<li>, <dt>, <dd> 背景消失

noscript 幽灵 bug

IE8,IE7,IE6

脚本启用的时 <noscript> 元素显示，仅 border/background 从中显示

透明无法点击的 bug

IE8,IE7,IE6

使用了 filter 滤镜修复 png 背景透明问题的时候背景图片的透明区域链接无法点击

列表内容下沉 bug

IE8

<li> 里面的内容在项目列表编号的下面

<ol> 数值不增加 bug

IE7,IE6

<ol> 中显示的数目不随着 <li> 增加

<ol><ul> 无编号 bug

IE7,IE6

项目编号 / 数值从 <ol><ul> 元素那儿消失了

line-height 图片不垂直居中的 bug

IE7,IE6

使用 line-height 方法，图片不垂直居中

没有背景图片 bug

IE8,IE7,IE6

IE 下使用了 background 背景图片，但是背景图片不显示（使用 background 缩写属性）

自定义光标 bug

IE8,IE7,IE6

自定义光标在 IE 下不显示

背景泄露 bug

IE6

背景溢出到跟随其后的其他元素上去了

高度撑开的 bug

IE6

元素的高度比指定的高度要长

宽度撑开的 bug

IE6

元素的宽度比指定的宽度要宽

双边距 bug

IE6

左边距或右边距在浮动元素上双倍

负 margin bug

IE7,IE6

当使用负 margin 时，容器之外的部分元素不可见

3px 空白 bug 又称文本慢跑 bug

IE6

靠近浮动元素的元素要么有 3px 的间距，要么位置偏下，或是保持偏移当几个元素依次浮动时

Text-Align bug

IE7,IE6

text-align 属性影响 block 水平的元素

 

 

Haslayout bug

 

有 haslayout 或没有 haslayout 导致的 IE bug

 

haslayout IE css bug

 

bug 名称

影响版本

描述

令人害怕的浮动 bug

IE7,IE6

haslayout 的元素自动清除浮动代替包围浮动元素

边框混乱 bug

IE6

边框显示混乱。例如在不该的地方显示或丢失

hover bug

IE6

选择器例如 a:hover foo{} 不起作用

部分点击 bug

IE6

样式为 display:block<a> 链接仅文字部分是可点击的，事实上在标准浏览器下还有额外的区域可点击

内容消失 bug

IE6

一些内容在页面滚动或浏览器最大化最小化的时候消失或重现

 

 

不支持的方法

 

各种各样的方法提供的属性效果和属性值在 IE 下是不执行的

 

不支持的方法

 

方法名称

影响版本

描述

不支持子选择器方法

IE6

子选择器无效

Max-width 方法

IE6

max-width 不支持

Max-height 方法

IE6

max-height 不支持

opacity

IE8,IE7,IE6

透明度 opacity 不支持

Min-width

IE6

min-width 不支持

Min-height

IE6

min-height 不支持

 

mingruofei
关注
要在Mac上安装所需的编译工具，首先需要安装Homebrew，这可以帮助管理和安装许多包括CMake在内的软件
BLOG域名:programb.blog.youkuaiyun.com
04-15 1712
要在Mac上安装所需的编译工具，首先需要安装Homebrew，这可以帮助管理和安装许多包括CMake在内的软件。按照以下步骤操作： 安装完成后，使用Homebrew来安装CMake，因为它是编译OpenCV所必需的。在终端中输入以下命令： 这样就成功地在Mac上安装了CMake，现在你可以用它来配置和编译OpenCV了。要编译WebKit以用于Web浏览器和设备，你可以按照以下步骤操作：迁移至GitHub仓库: 将WebKit的源码库从Subversion(SVN)迁移到GitHub，这是官方推荐的托
Zepto.js详解【好大一篇文章】
云上
07-12 1589
Zepto.js API 中文版(1.1.6) 下载浏览器支持模块Change LogAcknowledgements Core $()$.camelCase$.contains$.each$.extend$.fn$.grep$.inArray$.isArray$.isFunction$.isPlainObject$.isWindow$.map$.parseJSON$.trim$
CSS规范：base.css
技术成就梦想，知识改变命运 !
12-19 3602
body, div, dl, dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} a
IE BUG相关文章集合
IMyself
12-20 158
转至：http://www.qianduan.net/ie-bug-resources.html Haslayout IE Haslayout 详解 haslayout “HasLayout” Overview 你了解IE的haslayout（拥有布局）吗？ 详说 IE hasLayout   Block formatting contexts ...
CSS工具列表集合
flyfan的专栏
05-06 1343
用户界面 I Like Your Color输入URL然后它会抓出其中的颜色并用16进制表示。 CSS Multi-element Rollover Generator使用CSS和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsarian Layouts6个CSS页面布局模板，包括颜色、标题等。
CSS调试学习总结
bcbobo21cn的专栏
08-06 1056
Google浏览器开发者工具：CSSViewer（一个Css查看器） http://blog.youkuaiyun.com/u014695532/article/details/50978278 CSSViewer的简介 CSSViewer是一款可以帮助用户快速查看当前的网页元素的CSS属性的谷歌浏览器插件，在Chrome中安装了CSSViewer插件以后，用户就可以在设计网页的时候，快
ie bug集合
香巴拉
03-11 981
转自：http://www.w3cplus.com/solution/iebug/iebug.html 在说bug之前，有必须了解下什么是ie的haslayout，因为了解了这个，可以帮助你解决很多ie的bug,先推荐三篇haslayout相关的文章：IE Haslayout 详解,haslayout，"HasLayout" Overview 下面分两块来介绍ie的bug，第一块以
IE-BUG素材
iteye_10089的博客
06-09 652
{"title":"","id":1,"dateAdded":1305535073377000,"lastModified":1306110248149000,"type":"text/x-moz-place-container","root":"placesRoot","children":[{"t
IE-bug
iteye_10089的博客
06-07 2656
{"title":"","id":1,"dateAdded":1305535073377000,"lastModified":1306110248149000,"type":"text/x-moz-place-container","root":"placesRoot","children":[{"t
css选择器 选择父级_下一代CSS选择器：第4级
culi4814的博客
08-14 2390
css选择器 选择父级Back in January 2014 I wrote the article The Current Generation of CSS3 Selectors. The goal of that article was to introduce the new generation of selectors that often fell under the “CSS3”...
对于IE浏览器中的HasLayout的认识
Philo_you的专栏
06-12 729
什么是“HasLayout”，它很重要么？   通过在元素(修复尺寸bug，Holly hack)上添加一个“layout”（一个IE内部的数据结构），就可以解决IE浏览器中的几个bug。大多数的使用者并没有注意到为一个元素赋予了“layout”后会产生的影响，这篇文章会阐述当元素拥有“layout”时会发生什么，以及能产生什么样的影响。   在开始之前，先说明元素的两种集
js:常用函数
newmarui的专栏
03-31 968
///@import SogouNS ///此部分声明js的公用函数 ( function(G) { //声明命名空间 var UtilityNamespace = { fullName : "$baseName.Utility", version : "1.0.0", register : function() { //1.获取浏览器信息. //
(二)测试工具
jylee的博客
08-02 1352
正确回答通过率：90.0%[ 详情 ] 推荐指数： ★★ 试题难度： 初级1：用户定义的变量，在启动运行时获取一次值，在运行过程中，不再动态获取值2：用户参数在启动时获取一次值，在运行过程中，每次使用该参数都会动态获取一次值正确回答通过率：85.0%[ 详情 ] 推荐指数： ★★★ 试题难度： 初级线程组：对于任何测试计划，线程组元件都是JMeter的开始部分。这是JMeter的重要元件，你可以在其中设置多个用户和时间来加载线程组中给出的所有用户。采样器：采样器生成一个或多个采样结果；
Node.js 官网入门教程（二） npm（安装、包版本、卸载、npx）、package.json（scripts、devDependencies）package-lock.json（语义版本规则符号
qq_43456781的博客
08-27 1265
Node.js 官网入门教程（二） npm（包管理、安装、包版本、卸载、npx）、package.json（scripts、devDependencies）、package-lock.json（语义版本规则符号） 文章目录Node.js 官网入门教程（二） npm（包管理、安装、包版本、卸载、npx）、package.json（scripts、devDependencies）、package-lock.json（语义版本规则符号）1. npm 包管理器简介npm 简介下载安装所有依赖安装单个软件包更新软件包
springboot智能在线预约挂号系统【附万字论文+PPT+包部署+录制讲解视频】.zip
09-05
标题SpringBoot智能在线预约挂号系统研究AI更换标题第1章引言介绍智能在线预约挂号系统的研究背景、意义、国内外研究现状及论文创新点。1.1研究背景与意义阐述智能在线预约挂号系统对提升医疗服务效率的重要性。1.2国内外研究现状分析国内外智能在线预约挂号系统的研究与应用情况。1.3研究方法及创新点概述本文采用的技术路线、研究方法及主要创新点。第2章相关理论总结智能在线预约挂号系统相关理论，包括系统架构、开发技术等。2.1系统架构设计理论介绍系统架构设计的基本原则和常用方法。2.2SpringBoot开发框架理论阐述SpringBoot框架的特点、优势及其在系统开发中的应用。2.3数据库设计与管理理论介绍数据库设计原则、数据模型及数据库管理系统。2.4网络安全与数据保护理论讨论网络安全威胁、数据保护技术及其在系统中的应用。第3章SpringBoot智能在线预约挂号系统设计详细介绍系统的设计方案，包括功能模块划分、数据库设计等。3.1系统功能模块设计划分系统功能模块，如用户管理、挂号管理、医生排班等。3.2数据库设计与实现设计数据库表结构，确定字段类型、主键及外键关系。3.3用户界面设计设计用户友好的界面，提升用户体验。3.4系统安全设计阐述系统安全策略，包括用户认证、数据加密等。第4章系统实现与测试介绍系统的实现过程，包括编码、测试及优化等。4.1系统编码实现采用SpringBoot框架进行系统编码实现。4.2系统测试方法介绍系统测试的方法、步骤及测试用例设计。4.3系统性能测试与分析对系统进行性能测试，分析测试结果并提出优化建议。4.4系统优化与改进根据测试结果对系统进行优化和改进，提升系统性能。第5章研究结果呈现系统实现后的效果，包括功能实现、性能提升等。5.1系统功能实现效果展示系统各功能模块的实现效果，如挂号成功界面等。5.2系统性能提升效果对比优化前后的系统性能
基于机器学习方法的信用风险评估体系构建与实现
09-05
在金融行业中，对信用风险的判断是核心环节之一，其结果对机构的信贷政策和风险控制策略有直接影响。本文将围绕如何借助机器学习方法，尤其是Sklearn工具包，建立用于判断信用状况的预测系统。文中将涵盖逻辑回归、支持向量机等常见方法，并通过实际操作流程进行说明。 一、机器学习基本概念 机器学习属于人工智能的子领域，其基本理念是通过数据自动学习规律，而非依赖人工设定规则。在信贷分析中，该技术可用于挖掘历史数据中的潜在规律，进而对未来的信用表现进行预测。 二、Sklearn工具包概述 Sklearn（Scikit-learn）是Python语言中广泛使用的机器学习模块，提供多种数据处理和建模功能。它简化了数据清洗、特征提取、模型构建、验证与优化等流程，是数据科学项目中的常用工具。 三、逻辑回归模型 逻辑回归是一种常用于分类任务的线性模型，特别适用于二类问题。在信用评估中，该模型可用于判断借款人是否可能违约。其通过逻辑函数将输出映射为0到1之间的概率值，从而表示违约的可能性。 四、支持向量机模型 支持向量机是一种用于监督学习的算法，适用于数据维度高、样本量小的情况。在信用分析中，该方法能够通过寻找最佳分割面，区分违约与非违约客户。通过选用不同核函数，可应对复杂的非线性关系，提升预测精度。 五、数据预处理步骤 在建模前，需对原始数据进行清理与转换，包括处理缺失值、识别异常点、标准化数值、筛选有效特征等。对于信用评分，常见的输入变量包括收入水平、负债比例、信用历史记录、职业稳定性等。预处理有助于减少噪声干扰，增强模型的适应性。 六、模型构建与验证 借助Sklearn，可以将数据集划分为训练集和测试集，并通过交叉验证调整参数以提升模型性能。常用评估指标包括准确率、召回率、F1值以及AUC-ROC曲线。在处理不平衡数据时，更应关注模型的召回率与特异性。 七、集成学习方法 为提升模型预测能力，可采用集成策略，如结合多个模型的预测结果。这有助于降低单一模型的偏差与方差，增强整体预测的稳定性与准确性。 综上，基于机器学习的信用评估系统可通过Sklearn中的多种算法，结合合理的数据处理与模型优化，实现对借款人信用状况的精准判断。在实际应用中，需持续调整模型以适应市场变化，保障预测结果的长期有效性。 资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！
橙色s（）_Orange's一个操作系统的实现(随书光盘).zip
09-05
橙色s（）_Orange's一个操作系统的实现(随书光盘).zip
perl-Hash-Flatten-1.19-26.el8.tar.gz
最新发布
09-05
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
"IE版本CSS支持对比：从IE5到IE9的演进
IE 9 was much more standards-compliant than its predecessors, with better support for newer CSS features and fewer bugs and inconsistencies. However, it was still not on par with other modern ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值