当前位置:首页 > 日记 > 正文

详细的解决IE浏览器的haslayout特性及相关兼容性问题的解决

详细的解决IE浏览器的haslayout特性及相关兼容性问题的解决
IE浏览器,让所有的网站设计者恨它,但一直为它工作。无论是6, 7,还是8,他们都有一个共同的标准haslayout渲染,所以haslayout是彻底清理的一个非常重要的概念。大部分的显示误差下即是来自它。

什么是布局
布局是IE的私有属性,而不是W3C标准,它确定对象(如标签div、李等)在内容中显示的位置及其与周围对象的关系,以及如何响应程序或用户所生成的事件。

这个属性可以通过一些CSS执行。一些HTML标签有haslayout默认。
PS:一个对象的布局属性被激活,其具体表现是haslayout =我们可以使用IE Developer Toolbar工具看到属性激活的对象haslayout = 1 。

下面的标签有haslayout属性默认:

xml代码将内容复制到剪贴板。

,,
,,,
,,
你可能会问:为什么微软要设置布局当一个对象的布局被激活,其子对象的位置和大小的计算将独立进行,不受周围物体的干扰。也就是说,它有一个独立的布局(layout)。因此,浏览器需要花费更多的成本来处理,haslayout对象。为了提高性能,微软增加了布局即私人的概念。

如何激活布局
下面列出的CSS属性可以激活对象的布局:

CSS代码将内容复制到剪贴板。
位置:绝对的

设置绝对定位可能引发新问题。

CSS代码将内容复制到剪贴板。
浮:左|错误

IE下面的浮动也产生了一些莫名其妙的问题。

CSS代码将内容复制到剪贴板。
显示:内联块

当内联元素需要haslayout属性,它需要使用它,但是IE本身不支持内联块,但它的行为就像在标准的内联块。
对1.width任意值:except'auto
优先使用该财产。
对2.height任意值:except'auto
IE6和更早的版本是很常见的,这就是所谓的Holly hack(Holly Hack),即元素的高度是1%(高度:1%;)。请注意,但是,这种方法失败时,该元素的溢出属性设置为可见。
对3.zoom任意值:except'normal
另一个IE私有属性,不兼容的标准。变焦:1可以在测试的情况下使用或者不在追求标准,效果不错。

CSS代码将内容复制到剪贴板。
写入模式:TB

ie私人财产,不推荐。
IE7也有一些额外的属性:

1.min-height:(任意值)
2.max-height:(除了没有任意值)
3.min-width:(任意值)
4.max-width:(除了没有任意值)
5.overflow:(除了可见的任意值)
6.overflow-x:(除了可见的任意值)
7.overflow-y:(除了可见的任意值)
8.position:固定
复位haslayout
当没有其他属性激活布局,使用下面的CSS重置haslayout财产:

1.width,高度(设置为自动)
2.max-width,最大高度(设置为无)(IE 7)
3.position(设置为静态)
4.float(设置为无)
5.overflow(设置为可见)(IE 7)
6.zoom(设置为正常)
7.writing-mode(从结核病RL lr-t )
显示的属性是不同的:当haslayout属性与内联块激活

设置中的宽度,中间高度为默认值0仍会给haslayout,但是IE 7能够接受非法属性自动复位haslayout。
触发haslayout去除浮
Sample:

CSS代码将内容复制到剪贴板。
haslayout浮法:{宽度:1px }



CSS代码将内容复制到剪贴板。
。haslayout浮法:{身高:1px }



CSS代码将内容复制到剪贴板。
。haslayout浮法:{变焦:1 }

layout'is专属概念,即它决定元素的位置和大小,它们的内容,与其他因素相互作用和影响,与用户交互的应用程序。

layout'can被一些CSS属性触发(特征)不可逆的,和一些HTML元素本身的布局。

layout'can确定如果一个元素的布局,如object.currentstyle.haslayout,通过在IE.的haslayout属性

layout'is的IE浏览器的渲染引擎内部组件。在伊江的浏览器,元素或组织自行计算自己的内容,或依赖于块的大小来计算和组织内容。为了协调这两种方式之间的矛盾,渲染引擎使用the'haslayout'attribute,且属性值可真或假。当the'haslayout'attribute一元是真的,我们说的元素有一个布局(布局),或有一个布局。

相关文章

PS图象处理软件增加了一个艺术背景

PS图象处理软件增加了一个艺术背景

图象,处理软件,增加了,背景,美女照片,在这篇文章中,我们介绍的方法和技术来使用PS图象处理软件照片添加艺术背景。 最终效果 材料1 材料2 1、打开素材1,按Ctrl + J复制一层。2、按Ctrl B调整色彩平衡,参数设置如下。 三.创建一个新层。 选…

正则表达式的子模式的深层分析

正则表达式的子模式的深层分析

子模式,正则表达式,电脑软件,首先,让我们看看PHP代码的一部分: $时间=日期(当前H:我:); $模式2{ { 4 } } - { 2 } { 2 } { 2 } }:{ 2 }; 如果(preg_match(美元美元美元模式,ARR)){ ; print_r($ ARR); ; } > 显示结果: 阵列 ( { 0 } = > 2012-06-23 03:08:45 ) …

如何PPT2010制作添加背景音乐如何

如何PPT2010制作添加背景音乐如何

背景音乐,制作教程,电脑软件,当我们使用PPT2010制作美化幻灯片文件,我们不仅可以美化图片,还添加了一些背景音乐,让观看的人更容易进入状态。以下是小编PPT2010制作加入背景音乐的方法供你参考。 PPT2010制作加入背景音乐的方法 当打开PPT时…

word文档的打印排版技术说明

word文档的打印排版技术说明

文档,技术,电脑软件,word,作为职场新人,在实际工作中会遇到很多问题,除了人际关系、沟通方法和工作态度之外,新的职场新人由于不熟练应用软件,无法提高工作效率。 毫无疑问,熟练的工作技能是一切成功的开始。当你收发邮件,写各种文件,每天做各种…

Excel表格列缺少如何使用excel表单

Excel表格列缺少如何使用excel表单

表单,如何使用,表格,电脑软件,Excel,打开Excel2007在工作表底部发现底部消失了,只能看到滚动条,通常显示Sheet1、Sheet2 Sheet3消失了,当编辑的工作表是不容易的,如何找到它,让萧边带你的Excel表列表不见的解决方法。 的excelsheet一栏显示的步…

让幻灯片不再沉默

让幻灯片不再沉默

幻灯片,沉默,电脑软件,有时我们发现在你电脑的声音和幻灯片上做,模仿别人的电脑玩没有声音。怎么回事 如果你添加幻灯片中的声音不能在其他电脑上正常播放,一般是一个问题,因为驱动器和路径属性的声音在PowerPoint文件包含声音的对象,也就是说…

oracle数据库的启闭方法

oracle数据库的启闭方法

方法,数据库,启闭,电脑软件,oracle,首先,启动数据 目前美元系统 /通过SYSDBA 已启动 两。启动侦听器 当数据库启动时,如果监控进程未启动,客户机就无法连接到数据库。启动监视过程的方法是: 为启动监听 在Widnows,听众可以从服务列表开始。 …

在Node.jsfs.stat和fs.fstat之间差

在Node.jsfs.stat和fs.fstat之间差

解释,差异,详细,电脑软件,jsfs,前言 fs.stat和fs.fstat具有相同的功能和文件的状态信息。本文主要介绍了Node.js fs.stat和fs.fstat之间的区别的相关内容,并分享给你参考。 fs.stat用法: fs.stat('。 / AA。JS,功能(呃,STATs){ 如果(错误){ 把错…

ps制作了一条金龙

ps制作了一条金龙

电脑软件,ps,今天我们分享ps分享的一个金龙方法,课程很好,值得学习,推荐大家一起学习! 在PS软件中,打开一张龙的图片,然后在一块金箔层上长一层,如图所示。 2。然后将金箔的图层图案改为彩色,如图所示。 三.然后在图的顶部创建一个颜色/饱和度调整…

excel表快速应用删除线

excel表快速应用删除线

删除线,快速,电脑软件,excel,在如何删除表中的行这篇文章中,也有一种在Excel中更快地添加删除行的方法:选择硬币的内容,然后使用Ctrl + 5键。 Ctrl + 5键是一个开关键,可以应用到选定的内容或删除线格式。此外,它也很简单,将删除的word文档内容…

解决MySQL连接端口引入文件路径错

解决MySQL连接端口引入文件路径错

文件路径,错误,连接,端口,电脑软件,今天早上,我们打算使用WampServer建立本地Win7机PHP环境和配置自己的小程序,下载最新版本安装WampServer 3.0.6,MySQL已经无法运行,那就是WampServer版本,然后下载相关的2.4、2.5相关版本安装,仍然没有得到解决…

如何恢复以前的Excel文档

如何恢复以前的Excel文档

文档,恢复,电脑软件,Excel,当我使用Excel 2010时,我常常忽略修改或删除重要数据,然后保存和关闭工作簿。我想知道是否有恢复该文件到以前状态的机会。 Excel具有自动备份功能,但需要手动开启提前让早些时候国家可以在任何时候恢复。方法如下:…