IE8与IE6和IE7的区别

合集下载

ie6 ie7 ie8 ff(火狐)浏览器兼容性

ie6 ie7 ie8 ff(火狐)浏览器兼容性

<style>
<!--
#warp{ padding-bottom:11px;}
-->
</style>
<![endif]-->
<!--[if ie 7]>
<style>
<!--
#warp{ padding-bottom:11px;}
-->
</style>
<!--[if IE 8]>不错不错,挺先进的嘛,使用IE8呢!文字是褐色的。<![endif]-->
<!--[if IE 7]>你,IE7,红色文字!<![endif]-->
<!--[if IE 6]>孩子,虽然显示的是绿色文字,不过,IE6可不是好东西呢!<![endif]-->
</p>
+color:red; // IE7
_color:green; // IE6
}
HTML 代碼:
<body style="width:500px;margin:0 auto;">
<p clபைடு நூலகம்ss="ie">
<span style="display:block;display:none\9;">嘿嘿,小子竟然也用Firefox,蓝色文字。</span>
<![endif]-->
<!--[if ie 8]>
<style>

IE6 IE7 IE8 FF 各浏览器兼容特性

IE6 IE7 IE8 FF 各浏览器兼容特性

ie6 ie7 ie8 ff 样式区分1.区别IE和非IE浏览器#tip {background:blue;/*非IE 背景藍色*/background:red \9;/*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FF【区别符号】:「\9」、「*」、「_」【示例】:#tip {background:blue;/*Firefox 背景变蓝色*/background:red \9;/*IE8 背景变红色*/*background:black;/*IE7 背景变黑色*/_background:orange;/*IE6 背景变橘色*/}【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。

3.区别IE6、IE7、Firefox (方法 1)【区别符号】:「*」、「_」【示例】:#tip {background:blue;/*Firefox背景变蓝色*/*background:black;/*IE7 背景变黑色*/_background:orange;/*IE6 背景变橘色*/}【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefox4.区别IE6、IE7、Firefox (方法 2)【区别符号】:「*」、「!important」【示例】:#tip {background:blue;/*Firefox 背景变蓝色*/*background:green !important;/*IE7 背景变绿色*/*background:orange;/*IE6 背景变橘色*/}【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。

IE7和IE8的区别

IE7和IE8的区别

IE7和IE8的区别IE7和IE8的主要区别有:1. 智能地址栏与内容匹配智能地址栏让用户不仅可以找到所需的网站,还可以把历史记录、收藏夹中的标题同用户输入地址栏的内容进行匹配,不会出现重复的情况。

2. 选项卡分组关联性选项卡分组,让用户可以确认哪个选项卡有相关内容,当点击一个选项卡中的链接而导向另外一个时,新的选项卡会在旁边出现,而且两个选项卡都会用一个颜色进行标记。

3. 右键可点击“新选项卡”页面IE8中的“新选项卡”页进行了重新设计,让用户可以右键点击页面执行常见任务。

4. 重新打开上次浏览的页面在不小心关闭浏览器或浏览器崩溃的情况下,IE8让用户可以重新打开最近浏览的页面。

5. 内查“页面内查找”a) 改进了人们在网页中搜索文本的方式。

b) 页面内查找:按Ctrl+F或者在编辑菜单或即时搜索对话框中选择,即可开启页面内查找功能。

工具条显示在用户的选项卡下面,因此不会阻碍页面上的任何文本。

c) 结果数:强化的页面内查找功能,会显示搜索词在页面中出现的次数。

d) 结果高亮显示:强化的页面内查找功能让用户可以一眼就找到搜索项目,因为搜索文本出现的所有地方都会高亮显示。

6. Slipstream安装可以实现IE8执行的和Windows Vista操作系统映像一部分的定制,不再需要单独安装。

当以这种方式使用IE8时,将成为Windows Vista的一部分,因此改善桌面一致性和可管理性。

7. 设有ⅠE管理工具包收藏夹定制和导入加速器的能力8. 增加140多项设置:IE8控制和配置包括加速器和网页快讯在内的浏览器特性,支持InPrivate、兼容性查看、SmartScreen等区域对象,新增了140多种设置,使总数达到接近1500种,9. 增改七项子系统除了在标准支持方面的改进,IE8也包括面向开发人员的平台特性。

还在很多子系统中改进了性能,例如HTML解析器、级联样式表(CSS)规则处理、标签树作、Jscript解析器、清除对象时间和内存管理,针对开发人员的特性包括:a) CSS 2.1:IE8全面支持CSS 2.1规范,因此网络开发人员和设计人员可以立刻开发网页并在多种浏览器上准确地渲染。

IE6,IE7,IE8,Firefox,Chrome,Safari的CSS hack兼容表

IE6,IE7,IE8,Firefox,Chrome,Safari的CSS hack兼容表

小知识:什么是CSS hack?由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。

各浏览器CSS hack兼容表:代码示例:#test{color:red; /* 所有浏览器都支持*/color:red !important;/* Firefox、IE7支持*/_color:red; /* IE6支持*/*color:red; /* IE6、IE7支持*/*+color:red; /* IE7支持*/color:red\9; /* IE6、IE7、IE8支持*/color:red\0; /* IE8支持*/}body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持*/整体测试代码示例:.test{color:#000000;color:#0000FF\0;[color:#00FF00;*color:#FFFF00;_color:#FF0000;}其他说明:1、如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:<meta http-equiv=”x-ua-compatible” content=”ie=7″ />2、body:nth-of-type(1) 如果这样写,表示全局查找body,将会对应第一个<body>。

3、还有其他写法,比如:*html #test{}或者*+html #test{}4、*+html 对IE7的hack 必须保证HTML顶部有如下声明:/TR/html4/loose.dtd5、顺序:Firefox、IE8、IE7、IE6依次排列。

用友u8预算管理使用手册

用友u8预算管理使用手册

预算管理实施指导手册用友软件股份有限公司目录一、环境设置 (4)1.1、IE6下选项设置 (4)1.2、IE7下选项设置 (8)1.3、IE8下选项设置 (11)二、预算管理基本使用流程 (16)2.1、预算编制流程(基础设置—体系搭建—预算编制) (16)2.2、预算调整流程(版本发布—预算调整—调整审核) (25)2.3、预算控制流程(控制选项—预算编制—预算控制) (28)三、预算管理集团应用流程 (36)3.1、集团控制模式(分子公司不具有公司审批权) (36)3.2、分子公司审批模式(分子公司具有公司审批权) (49)四、常见问题及解决方案 (59)序言本手册基于U8-890版本预算管理及网上报销管理使用得出,是作者日常测试过程中结合业务场景整理的一个指导手册,只作为参考。

一、环境设置预算、网上报销为B/S产品,使用前需要对IE的选项进行必要设置,其中,IE6与IE7设置相同,IE8在1.1、IE6下选项设置打开IE,点击“工具”-“Internet选项”;1.在Internet选项的“常规”页签中选中设置,将“检查所存网页的较新版本”中的选项更改为“每次访问此页时检查”,如下图;2.修改安全页签a) 若把U8的WEB服务器添加为信任站点,则只需要在信任站点对应的选项下设置。

如图,先添加信任站点,然后将“自定义级别”中与“ActiveX 控件和插件”相关的选项均选择“启用”,最后将“弹出窗口阻止程序”选择“禁用”,如下图;b) 若没有把U8的WEB服务器添加为信任站点,则需要在“Internet”和“本地Intranet”下设置“自定义级别”,将自定义级别中与“ActiveX 控件和插件”相关的选项均选择“启用”,最后将“弹出窗口阻止程序”选择“禁用”。

1.2、IE7下选项设置打开IE,点击“工具”-“Internet选项”;1、在Internet选项的“常规”页签中选中设置,将“检查所存网页的较新版本”中的选项更改为“每次访问此页时检查”,如下图;2、修改安全页签A:若把U8的WEB服务器添加为信任站点,则只需要在信任站点对应的选项下设置。

ie6ie7ie脚本兼容资料

ie6ie7ie脚本兼容资料

IE6,IE7浏览器兼容性问题总结(1)浏览器兼容性问题一直是比较棘手的问题,往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决,这里对IE6,IE7浏览器兼容性问题作一下总结。

本节向大家描述一下IE6,IE7浏览器兼容性问题总结,主要从十四特殊情况来向大家讲解,比如文字本身的大小不兼容,Firefox下容器高度限定,横向上的撑破容器问题,相信本文介绍一定会让你有所收获。

IE6,IE7浏览器兼容性问题总结其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决。

下面是14条特殊情况仅供参考:1.文字本身的大小不兼容。

同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,IE下实际占高16px,下留白3px,Firefox下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。

解决方案:给文字设定line-height。

确保所有文字都有默认的line-height值。

这点很重要,在高度上我们不能容忍1px的差异。

2.Firefox下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而IE下是会被内容撑大,高度限定失效。

所以不要轻易给容器定义height。

3.横向上的撑破容器问题,。

如果float容器未定义宽度,Firefox下内容会尽可能撑开容器宽度,IE下则会优先考虑内容折行。

故,内容可能撑破的浮动容器需要定义width。

小实验:有兴趣大家可以看看这段实验。

在不同浏览器下分别测试以下各项代码。

a.<divstyledivstyle=”border:1pxsolidred;height:10px”></div>b.<divstyledivstyle=”border:1pxsolidred;width:10px”></div>c.<divstyledivstyle=”border:1pxsolidred;float:left”></div>d.<divstyledivstyle=”border:1pxsolidred;overflow:hidden”></div> 上面的代码在不同浏览器中是不一样的,实验起源于对小height值div的运用,<divstyle=”height:10px;overflow:hidden”></div>,小height 值要配合overflow:hidden一起使用。

IE6_7_8的差异研究

IE6_7_8的差异研究

IE6、IE7、IE8研究Internet Explorer 6中查看使用Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题。

原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收集算法时会监视脚本中变量分配的数量、脚本中使用的文字值的数量和脚本中分配的字符串值的总大小,如果超过这些值的阈值,就会发生垃圾收集,垃圾收集进程会中断正在运行的脚本。

因此,这些运行中的脚本将被挂起,直至垃圾收集完成为止。

IE6、IE7、IE8在CSS和JS方面的区别:1、IE8中的css中关于width或是height中如果使用像素形式作为参数时,参数必须是带“px”的,而且此参数必须是大于0的,而在IE6和IE7中是支持不带“px”参数的,而且参数是可以为一个负数。

2、如:style=height:180px\\0;只有IE8能识别,style=height:180px\\9,IE都能识别。

2、IE8中的css中“border-style:outset ;”是没有效果的。

3、IE8中的无序列表<ui>之间的距离要比IE6和IE7大的多。

4、IE6能识别*,但不能识别!important,IE7能识别*也能识别!important。

5、IE6支持下划线,IE7不支持下划线。

6、在IE8中,一个Iframe中取event.x的值不是Iframe中的相对x坐标,而是最外层的window的x坐标,但是event.y却是取的是Iframe中的相对y坐标。

而在IE6和IE7中,event.x和event.y却得的都是所在Iframe中的相对坐标,可以用event.clinetX代替。

7、IE8中的javascript中的function对象例如:Function a(){alert(“helloworld”);}Var fun = new function(…‟,‟helloworld‟);Alert(fun);此时返回的值为function anonymous(){function a(){alert(“helloworld”)}}, 而在IE6和IE7中返回的值为function anonymous(){alert("helloworld")},也就是说当Function的第二个参数如果是一个函数时,IE8对此参数作用的是整个函数的代码,而IE6和IE7则是对此参数起作用的是函数的内部代码(不包括“function a (){”和“}”的函数头和尾)。

史上最全IE6.IE7.IE9.IE10.谷哥.火狐各浏览器网页兼容性介绍总结

史上最全IE6.IE7.IE9.IE10.谷哥.火狐各浏览器网页兼容性介绍总结

兼,是什么!你会想到是什么,作为一个跟HMTL+CSS打交道的人来说,我只能说,我想到的只有兼容性了,兼容性自始至终困惑着许多人,例如坑爹的IE,是纵多主流浏览器中比较戳的那一个,因BUG手下纵多而闻名,家族几代问题层出不穷。

最坑爹的那个就是IE6,被纵多开发人员包括前端人员所憎恶。

却受许多企业的爱戴。

顺便说一下为什么IE6还在中国活得好好的,IE6是Windows XP中自带的一种浏览器,而Windows XP目前来说是微软开发得比较好也是比较成功的系统,使用人数多。

IE6的稳定性也比较好,目前,大多数企业特别是银行和政府的系统还是使用IE6而不愿升级也是有这方面的原因,IE6之所以盛行当然不只这一些原因,至少IE6什么时候会死那只是时间的问题罢了,在没死之前,我们得保证我们能活着。

好了,接下来来看一下一些兼容性的问题吧,这里只列出数项,日后继续完善。

1.注释引起的血案(1)在注释的时候,如果注释不当,部分浏览器会将会解析错误。

(demo1)如:<!-- 这里是注释内容-->正常显示;<!-- 这里是注释内容- ->时则在IE浏览器下正常显示,在Chrome、Firefox、Safari下不可显示。

或者->也是如此。

解决方法:在进行注释时切记不要着急,看好是否注释有问题,最好能够用VS中自带的注释,以保万无一失。

详见demo1。

(2)注释引发的血案(demo11)文字溢出:问题见demo11,test1:去掉<div style=”float:left;”></div> 中的“float:left”,就会发现多出来的字不见了,页面正常显示;同样去除<div style=”width:350px;float:right;”>中的“float:right”,多余的字也同样消失,页面正常显示。

分析:文字溢出与区块的浮动有关。

test2:把注释放到<div style=”float:left”></div>前面,多余的字消失,页面正常显示把注释放到<div style=”width:350px;float:right;”>我就只有一行字</div>后面,多余的字也同样消失,页面正常显示。

ie6、7、8、火狐浏览器兼容性

ie6、7、8、火狐浏览器兼容性

解决IE7、IE8样式不兼容问题
方法:要在页面中加入如下HTTP meta-tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示。
注:
IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想Байду номын сангаас的页面效果。
IE6 IE7 FF
_ √ × ×
* √ √ ×
!important × √ √
----------------------------------------
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
<meta http-equiv="x-ua-compatible" content="ie=7" />

IE6,IE7,IE8区别-IE兼容性

IE6,IE7,IE8区别-IE兼容性
随着 IE7 对 !important 的支持,!important 方法现在只针对 IE6 的 HACK。(注意写法,记得该声明位置需要提前)
<style>
#wrapper {
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[url]/TR/html4/loose.dtd[/url]">
二、万能 float 闭合
关于 clear、float 的原理可参见 [How To Clear Floats Without Structural Markup]。
1.高度的区别 IE:在没有定义高度时候,将根据内容高度的变化,包括未定义高度的图片内容; 在定义了高度时候,当内容超过高度时,将使用实际内容的高度。 FF:在没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况; 在当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位。 建议:在可以确定内容高度的情况下最好定义高度,如果真的没有办法定义高度,尽量不用使用边框样式。 2.宽度的区别 IE:内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度。 IE中定义 width:100px;padding:5px 的话,所显示的宽度就是100px。 FF:容器占的宽度=内容宽度+padding宽度+border宽度。 Firefox中定义 width:100px;padding:5px 的话,所显示的宽度就是105px。 建议:使用 !important;但是,!important一定要在前面。 如:width:95px !important;width:100px;padding:5px;。 注:高度亦是如此! 3.浮动(float)的区别 (1)空格处理 IE:对于DIV并排时候使用float关键字时候,IE对块与块之间的空格是处理的。 FF:对于DIV并排时候使用float关键字时候,Firefox对块与块之间的空格是不处理的。 建议:经常发现使用float关键字时候在Firefox显示正常,但是在IE中会出现空格,就是这个原因; 避免在div连div时候添加空格或者回车,也即是一个div紧接这一个div写; 或者,将div放入li中进行处理,这样就不会有空格的问题。 (2)Margin加倍 IE:在使用float的情况下,IE的margin加倍。 FF:正常显示。 建议:针对IE,添加display:inline; 相应的css为 #float{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ } 4.鼠标位置处理 IE:获取事件鼠标位置时,IE用的是event.x和event.y,并且值在不加单位的情况下可以直接使用,IE提供默认单位; div.style.left = event.x div.style.top = event.y 此时,div显示的位置为鼠标的位置。 FF:获取事件鼠标位置时,Firefox用的是MouseEvent.pageX和MouseEvent.pageY,并且在不加单位的情况下直接赋值后,无效;必须添加单位。 div.style.left = MouseEvent.pageX div.style.top = MouseEvent.pageY 此时,div显示的位置为0,0. 建议:都添加单位,无论针对IE或者Firefox都有效。 IE:div.style.left = event.x+'px' div.style.top = event.y+'px' FF:div.style.left = MouseEvent.pageX+'px' div.style.top = MouseEvent.pageY+'px' 针对IE与Firefox这些不同,解决方案可以有多种,但是当问题直接解析模型的不同的时候,我们只能分别针对浏览器的不同而单独写针对于浏览器的方法。这也是写精致CSS所必须懂得的。

各版本 Internet Explorer 功能比较

各版本 Internet Explorer 功能比较

IE9 ★ ★ ★ ★ ☆ ☆ ☆
功能 性能改进 加载项性能审查程序 性能改进 性能改进 性能改进 加载项性能审查程序 性能改进
☆ ☆ ☆ ☆ ☆ห้องสมุดไป่ตู้
★ ★ ★ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆
优化的界面 “新建选项卡”页 一体框 一体框 与 Windows 7 集成 一体框 通知栏 优化的界面 优化的界面 选项卡增强功能 网站锁定
★ ★ ★ ★ ☆ ☆ ☆ ☆ ☆ ☆ ☆
SmartScreen 筛选器 兼容性视图 跟踪保护 SmartScreen 筛选器 选项卡隔离和恢复 跨站脚本筛选器 域名高亮显示 下载管理器 下载管理器 加载项性能审查程序 选项卡隔离和恢复
安全 帮助抵御网络钓鱼攻击 ☆ ☆ 更正较旧网站的显示问题 ☆ ☆ 让您在浏览时更好地控制隐私以及某些第三方网 ☆ 站是否可以跟踪您的浏览活动 帮助抵御恶意软件的攻击 ☆ 将一个选项卡中的故障与所有其他选项卡隔离并 ☆ 自动重新加载崩溃的网页 帮助抵御恶意的跨站脚本攻击 ☆ 在地址栏中高亮显示域名以提醒您潜在欺骗性网 ☆ 站的存在 重新启动后继续未完成的下载 提供一个位置对所下载的文件进行监视和交互 帮助您监视和管理加载项 选项卡恢复并在通知栏中显示消息和使用技巧 来源:我要浏览器 网址:
快速(★= 已改进) IE7 IE8 有助于您快速完成工作的性能改进 ☆ ☆ 查看和管理加载项性能 ☆ ☆ 快速启动和关闭以允许更多的浏览时间 ☆ 新的 JavaScript 引擎可更快地加载网页并提高 ☆ 整体性能 针对文本、图形和视频的全面硬件加速可提供丰 富的网络体验 加载项降低浏览器性能时自动发出通知 完全硬件加速的 HTML5 可实现丰富的网络体验 简洁 轻松直观地浏览 ☆ 单击一次即可访问常见任务和常用网站 使您能够控制向搜索提供程序发送哪些信息的隐 私设置 建议网站和可视搜索建议 在 Windows 7 上利用跳转列表和任务栏缩略图 预览等功能享受无缝的网络体验 合并了搜索栏和地址栏以便于搜索或网上冲浪 非打扰式信息通知不会中断网络浏览 用更少的控件简化浏览 增大网页查看区域 通过分离选项卡和 Aero 对齐增强了选项卡体验 从 Windows 7 任务栏快速导航至常用网站

IE6,IE7,IE8的区别

IE6,IE7,IE8的区别

CSS 在IE6, IE7 和IE8中的差别选择器与继承●子选择器示例描述子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。

支持情况BugsIE7中,如果在父级标签和子级标签之间有一个HTML注释,子选择器将不会工作。

●链类示例描述链类用于送一个HTML元素有多个class声明的情况,就像这样:支持情况BugsIE6好像支持这种情况,因为它能匹配链中的最后一个class到使用该class的元素上,然而,它并不能限制一个使用链中所有class的元素。

●属性选择器示例描述该选择器允许一个元素被定位只要它有指定的属性。

在上面的例子中,所有的带有href属性的a标签都会被限定,而没有href属性的a标签不会被限定。

支持情况●临近兄弟选择器示例描述该选择器定位临近到指定元素的兄弟标签。

上面的例子将会限定p标签,但是他必须是h1标签的兄弟而且要直接尾随在h1标签的后面。

比如:在上面的代码中,CSS样式将只对第一个p有效。

因为它是h1的兄弟而且紧跟着h1。

第二个p也是h1的一个兄弟,但是它没有紧跟着h1。

支持情况Bugs在IE7中,如果在兄弟之间有一个HTML注释,临近兄弟选择器将无效。

●普通兄弟选择器示例描述该选择器定位一个指定元素后面的所有兄弟元素。

将此选择器应用到上面的那个例子,将会对两个p标签都有效。

当然,如果有一个p元素出现在h1之前,那个p元素不会被匹配。

支持情况伪类和伪元素●:hover后面的后代选择器示例描述一个元素可以被:hover伪类后面的选择器定位,就像后代选择器一样。

上面的例子,在鼠标悬停的时候,将会改变a元素内的span元素中的文字的颜色。

支持情况●链伪类示例描述伪类可以链起来以缩小元素选择。

上面的例子会定位每一个父级元素下的第一个a 标签,并将hover伪类P应用到它上。

支持情况●非锚点元素中的:hover示例描述:hover伪类可以应用到任何元素的悬停状态,而不只是a标签。

浏览器(IE6、IE7、IE8)配置手册

浏览器(IE6、IE7、IE8)配置手册

1 Windows 2000或XP(IE6)1.1步骤一启动浏览器。

方式一:在Windows的桌面上,双击鼠标Internet Explorer图标,如图:方式二:在从任务拦上<开始>-<程序>中,单击鼠标Internet Explorer浏览器的程序,如图所示。

1.2步骤二在IE浏览器上方的菜单中,选择<工具>-<Internet选项>,如下图所示:1.3步骤三在打开的选项对话框中,选择<安全> 标签,并且点击“受信任的站点”或“可信站点”图标,如下图所示:1.4步骤四点击按钮,则如下图所示:*首先查看“对该区域中的所有站点要求服务器验证(https:)(S)”选项,如果被选中,则应去掉“√”。

请在“将该网站添加到区域中”,填写网上办公系统地址,例如“* ”,然后点击‘添加’按钮,再按‘确定’即可。

1.5步骤五在步骤三所示图中,点击按钮,出现如下图所示对话框。

在对话框中,将“ActiveX控件和插件”中的全部选项设置为‘启用’,并将相关安全级的选项确认设置为‘安全级-低’,然后点击“确定”按钮回到“Internet 选项”对话框。

另外特别注意其中“其他”项中“通过域访问数据资源”,如果是“禁用”需要修改为“启用”:1.6步骤六选择<常规> 标签,并且点击“设置”按钮,如下图所示:在弹出的对话框中,将“检查所存网页的较新版本”设置为“每次访问此页时检查”,然后按“确定”。

点击“确定”按钮关闭“Internet选项”对话框。

1.7步骤七回到IE浏览器窗口后,在IE浏览器上方的菜单中,选择<查看>-<文字大小>-<中(M)>。

1.8步骤八(winXP的防火墙设置)如果使用Windows XP SP2操作系统,需要按照以下步骤进行设置:1.8.1关闭“Windows 防火墙”:打开控制面板,双击图标“Windows防火墙”,出现“Windows防火墙”配置窗口,选中:“关闭(不推荐)”,如图:控制面板-Windows 防火墙1.8.2修改IE选项:在IE浏览器上方的菜单中,选择<工具>-<Internet选项>,如下图所示:在打开的选项对话框中,选择<高级> 标签,选中其中的“允许运行或安装软件,即使签名无效”,如下图所示:选中“允许运行或安装软件,即使签名无效”选项1.8.3关闭“弹出窗口阻止程序”:在IE浏览器上方的菜单中,选择<工具>-<弹出窗口阻止程序>,选中“关闭弹出窗口阻止程序”。

CSS hack用法大全(举例详解)

CSS hack用法大全(举例详解)
IE8和Firefox、Opera、Safari选择第一个,即:background-color:#FF0000 !important;(IE8完全感冒于important,同时丢弃了对*的感情)
另外再补充一个,下划线"_",
IE6支持下划线,IE7、IE8和Firefox、Opera、Safari均不支持下划线。
3.区别IE6、IE7、Firefox (EXP 1)
【区别符号】:「*」、「_」
【示例】:
#divcss5{
background:blue; /*Firefox背景变蓝色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
</head>
<body>
你正在使用:
<!--[if IE 7]>
<h2>IE7</h2>
<![endif]-->
<!--[if IE 6]>
<h2>IE6</h2>
<![endif]-->
<!--[if IE 8]>
<h2>IE8</h2>
<![endif]-->
<br><br>
【区别符号】:「*」、「!important」
【示例】:
#divcss5{
background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/

IE的区别

IE的区别

1.区别IE和非IE浏览器CSS HACK代码#divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FF CSS HACK【区别符号】:「\9」、「*」、「_」【示例】:#divcss5{background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black; /*IE7 背景变黑色*/_background:orange; /*IE6 背景变橘色*/}【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari 等)。

3.区别IE6、IE7、Firefox (EXP 1)【区别符号】:「*」、「_」【示例】:#divcss5{background:blue; /*Firefox背景变蓝色*/*background:black; /*IE7 背景变黑色*/_background:orange; /*IE6 背景变橘色*/}【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefox4.区别IE6、IE7、Firefox (EXP 2)【区别符号】:「*」、「!important」【示例】:#divcss5{background:blue; /*Firefox 背景变蓝色*/*background:green !important; /*IE7 背景变绿色*/*background:orange; /*IE6 背景变橘色*/}【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。

IE7、IE8、IE9主要特性和功能对比

IE7、IE8、IE9主要特性和功能对比

IE7、IE8、IE9主要特性和功能对比为了方便大家对能够更加直接的了解Internet Explorer 7、Internet Explorer 8 和 Internet Explorer 9 这三款浏览器的主要特性和功能,以及他们之间的区别。

我们之前向大家分享了他们之间的细节对比。

这次我们再向大家补充几个更加详细的表格,分别从这三款浏览器的「性能」「安全和隐私」「互操作性、支持标准和兼容性」「可靠性」「用户体验」这五点进行详细的对比,希望让更多的用户认识到IE9的不同之处。

注释:Q –四分之一H –二分之一F –完全A –需要加载项性能InternetExplorer 7InternetExplorer 8InternetExplorer 9快速启动和关闭- - F 快速加载流行网站- H F 全硬件加速的HTML5,支持未来丰富的网络体验- - F 在流行的 JavaScript 性能微基准测试(比如WebKitSunSpider)中具有竞争优势- - F JavaScript 引擎可以解析和编译代码,提供更好的性能- - F 在备用内核中,在后台编译JavaScript- - F 查看和管理加载项性能- F F 自动通知降低浏览器性能的加载项- - F安全和隐私InternetExplorer 7InternetExplorer 8InternetExplorer 9弹出窗口阻止程序 F F F防止钓鱼攻击 F F F 防止网络恶意软件- F F 防止跨站脚本1 类反射攻击- F F 沙箱模式限制恶意加载项的影响F F F 支持 DEP / NX - F F 删除浏览历史(带有对cookies、密码等的控制)F F F 隐私模式,浏览后不会在电脑上留下任何数据- F F 控制第三放站点可以跟踪的浏览活动- F F 在地址栏中高亮显示域名以警告您注意恶意网站- F F互操作性、支持标准和兼容性InternetExplorer 7InternetExplorer 8InternetExplorer 9针对旧版网站的特定模式 F F F 支持当今通用的标准(HTML4.01、 CSS2.1)H F F 支持下一代标准,比如HTML5、CSS3 和 ECMAScript 5- Q F 对旧版网站的兼容性模式N/A F F 内置到浏览器的综合开发人员工具- H F可靠性InternetExplorer 7InternetExplorer 8InternetExplorer 9加载项新版本通知 F F F 选项卡页隔离到单独进程以限制系统故障(崩溃)的影响- F F 停止响应的选项卡的自动恢复- F F 网站超时时的选项卡恢复- - F用户体验InternetExplorer 7InternetExplorer 8InternetExplorer 9简化的浏览体验,控件更少,网页查看区域更大- - F 以站点为中心的用户体验,将焦点放到网站上- - F 丰富的选项卡功能(颜色分- H F组、分离选项卡、鼠标拖拽)新选项卡页包含常见任务和收- H F藏的站点丰富的地址栏(建议来自收藏夹和历史记录的站点,可视化- H F结果)整合搜索框和地址栏,使用户- - F能够在输入文本时将其发送到搜索提供商在搜索框中轻松改变搜索提供F F F商采用单独搜索框和地址栏的选N/A N/A F项(经典模式)快速访问常见服务,比如地图- F* F*在 Windows 7 中支持网站锁定- - F在 Windows 7 上支持浏览器的- F F跳转列表和缩略图预览在 Windows 7 上支持锁定站点- - F的跳转列表和缩略图预览非侵入式通知- - F下载管理器- - F密码管理器Q Q Q拼写检查器 A A A自动填写表单H** H** H**同步收藏夹、主题和设置 A (Q) *** A (Q) *** A (Q) ***重新打开意外关闭的选项卡- F F退出浏览器时保存打开的站点- - - *通过加速器**自动填写字段而非完整的表单。

IE8带来的惊喜

IE8带来的惊喜

IE8带来的惊喜作者:晓语来源:《百科知识》2009年第13期浏览器是我们接入互联网的最重要的工具,因此,浏览器市场的竞争也日益激烈,各种新技术的应用,给浏览器增添了更多的功能,使得互联网变得更加精彩。

近期微软发布了据说安全性最好的浏览器IE8,直接把浏览器大战推向高潮。

虽然距离IE7正式发布仅半年,IE8就宣布问世,但它在技术上的进步还是十分明显的。

与以前的版本相比,它可帮助你更方便快捷地从网页获取所需的任何内容,同时提供了更高的隐私和安全保护。

相比IE7,IE8在浏览网页时速度快了很多,使用上感觉也非常流畅。

IE8相比IE7最大的提升就是安全性和隐私保护方面。

在隐私保护方面:IE8提供了一个InPrivate隐私浏览模式,该模式包含了InPrivate浏览和InPrivate阻挡两类功能,前者能在浏览网站时不在自己的电脑里留下历史记录,后者能让网站无法跟踪你的浏览活动,从而保护在上网浏览、购物时的个人隐私安全。

即使在公共场合上网也无需手工删除任何浏览记录。

在安全性方面,IE8将IE7中的“仿冒网站筛选器”改进为“安全性过滤器”,通过XSS筛选器,可以屏蔽网页中的恶意代码,让你浏览到正规可靠的网站。

另外它还提供一个SmartScreen筛选,通过一些机制可以过滤并标示出一些潜在不安全的网站,帮你检测到恶意网站和钓鱼网站,还可以阻止损害电脑和盗取用户个人信息的已知恶意软件入侵。

此外,IE8还提供了实用的崩溃恢复功能,因为浏览器崩溃而丢失正在浏览的网页信息的情况将不再重现。

IE8中的很多新功能也为我们上网带来了很大的方便:首先,IE8把IE7中的选项卡都变成彩色的,链接相关的网站就会用同一个颜色打开。

这样,访问了哪些网站就一目了然,关闭的时候也不容易点错,而且还可以右键点击选项卡标签选择“关闭此选项卡组”,这样,就可以一次性把同一个网站的网页一下全关掉了。

其次,IE8地址栏升级为智能的了,不但可以显示我们曾经输入过的地址,还能显示收藏夹、订阅的源信息等等,而且哪个地址不需要了还可以直接删除!另外,在IE8中加入了对加速器的支持,这样,无论浏览哪个网页,你只需要在网页上选中感兴趣的内容,单击加速器图标或右键,无需离开正在浏览的页面,即可轻松地基于该内容进行搜索、查看地图、发送电子邮件、翻译或进行其他更多操作。

你还在用IE6浏览器吗?

你还在用IE6浏览器吗?

你还在用IE6浏览器吗?2001年10月,一个伟大的公司推出了一个伟大的产品的一个版本。

可能连这个公司都不知道他会存在这么长的时间。

RT,它就是Internet explorer6(以下简称IE6)。

的确IE6的成功标志着一个时代,一个信息时代的成长。

回首这十年,个人计算机发生了巨大的变化,每人一台PC成为了可能。

从当年的拨号到宽带;从win98到win7;从调制解调器到无线wifi;从右键“目标另存为”到迅雷;从博客到微博,从在线音乐到在线高清视频……许多,许多……可是,我们的网络环境发生了巨大的变化,但是那个蓝色的E没变,2001年是大多数人的操作系统是win98,好点的能用上win2000,2011年我们至少都用上了win xp,许多人也用上了win7.并且许多XP的用户还是10年前的那个图标……为什么我们还在用IE6?1.Ghost盗版的盛行罪恶指数:★★★★★可能连比尔盖茨都想不到自己的windows系统会如此。

XP可以全自动无人值守安装,采用万能GHOST技术,安装系统过程只需5-8分钟,适合新旧各种机型。

集成最新微软更新补丁,防黑屏,通过微软正版验证,支持在线更新、支持用第三方程序在线更新。

盗版在中国的盛行让许多游戏公司都望而却步,这符合中国的国情,属于中国的特色。

在版权意识上我们第一次消除了阶级,无论金领、白领还是蓝领都知道5块钱就能买张盘。

就这样windows XP在中国的市场居高不下,而且现在Ghost部署技术十分成熟。

即便是有正版的用户也不喜欢等半小时安装个系统。

人们也不喜欢去用新的系统,或许人们的电脑也不支持太好的系统。

所以他们宁愿用这XP.在Ghost XP里面,IE6是默认安装的。

而且根据封装系统的描述,屏蔽了IE7和IE8的自动推送功能。

也就不提示用户进行升级,这样一般用户是不会主动去下载浏览器的。

也就是用IE6直到下一次重装。

就这样不停的循环,用了10年。

2.在线支付网站的强力支持罪恶指数:★★★★☆从08年到现在以C2C模式的电子商务在中国火了起来,随之是网上银行的大力兴起。

ie8换回ie6的最简单办法

ie8换回ie6的最简单办法

IE8换回IE6的最简单办法
1.IE8不管在安全性还是兼容性方面,都比IE6强,IE7是过渡产品,我们不推荐使用。

2.迅雷7是基于IE8内核做了一些调整,对于使用迅雷7的用户来说,IE8配迅雷7兼容更好,更稳定不易出错
所以如果没什么必要,请大家还是不要换回IE6.
当然如果你已经习惯了使用IE6,方法自然是有的,而且很简单,按我下面说的方法一分钟内就搞定!
开始-》运行-输入:C:\WINDOWS\ie8\spuninst\spuninst.exe,再回车确定!看下面的截图
弹出窗口选“是”就可以了
重启就自然换回到了IE6,并不需要重装IE6。

当然如果人懒不想手动输入的话,就复制这个吧: C:\WINDOWS\ie8\spuninst\spuninst.exe。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

IE8与IE6和IE7的区别收藏测试了一两天的IE8发现,其中有很多东西都是和IE6和IE7不同的地方,包括css和javascript两个方面,在此记录备忘1 IE8中的css中关于width或是height中如果使用像素形式作为参数时,参数必须是带“px”的,而且此参数必须是大于0的,而在IE6和IE7中是支持不带“px”参数的,而且参数是可以为一个负数。

2 IE8中的css中“border-style:outset ;”是没有效果的。

3 IE8中的无序列表<ui>之间的距离要比IE6和IE7大的多,而且我还没有找到调整的方法。

4 在IE8中,一个Iframe中取event.x的值不是Iframe中的相对x坐标,而是最外层的window 的x坐标,但是event.y却是取的是Iframe中的相对y坐标。

而在IE6和IE7中,event.x和event.y却得的都是所在Iframe中的相对坐标,真是搞不懂!可以用event.clinetX代替。

5 IE8中的javascript中function对象例如:function a(){alert("haha");}var fun=new Function("",a);alert(fun);此时返回的值为function anonymous(){function a(){alert("haha")}} 而在IE6和IE7中返回的值为function anonymous(){alert("haha")};也就是说当Function的第二个参数如果是一个函数时,IE8对此参数作用的是整个函数的代码,而IE6和IE7则是对此参数起作用的是函数的内部代码(不包括“function a(){”和“}”的函数头和尾)6 IE8中expression函数不起作用。

所以如何在css中写javascript代码还不清楚。

7.如下代码.regDiv{background-image:url(image/bg.gif); MARGIN: 0px auto; WIDTH: 800px;}.regWrap{vertical-align:center ;border:0px ;margin:0 auto; width:95%}.regWrap TD{FONT: 12px/25px 'arial';VERTICAL-ALIGN: buttom;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;PADDING-LEFT:5px;white-space:nowrap;vertical-align:bottom;}.regWrap EM {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #cc0000; PADDING-TOP: 0px}.regWrap SPAN{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;OVERFLOW: hidden; HEIGHT: 20px;color: #999999}.regWrap INPUT{HEIGHT: 18px}A{FONT: 12px/12px 'arial';COLOR: #039;TEXT-DECORA TION: none;}这段代码中如果在IE8以下版本中,A的样式是无效的,而在IE8中是有效的。

但是如果把A{……}的样式放在.regWrap{……}前面,这样IE8及以下版本中A的样式就都有效了。

@看了下。

在IE6里面做的网站其中的高度为一像素表格在IE8里面显示的不是一像素了。

总之变的很明显的大了@bug or something else<div style="width:300px;float:left;clear:both;(这里的clear无关紧要似的)"><a href="#"><img alt="" src="tl.png"/></a><a href="#"><img alt="" src="pl.png"/></a></div>以上这段代码,在IE8里面,如果我们给img一个float:left;属性那么a标签就会自动产生3px的margin-left(也可以理解为img标签会吧),即便在样式里面用a{padding:0;margin:0;}都不行,给img这样做也不行,即便是inline style;再者,如果我们给a一个width属性,那么除了3px的margin-left,我们还能看到4像素的margin-top或者说是padding-top在掉下来的第二个a标签的头部,但是在IE8以前版本以及其他浏览器上是正常显示的(虽然给imgfloat属性是没有必要的)。

解决方案?暂时没有吧——但是可以避免,就是不要滥用float;困惑<div class="layout-right"><div class="list-1 height-72" style="width: 100%;float:left;"><a href="mailto:hanwei@"><img alt="团长信箱" src="images/tl.png" /></a><a href="mailto:zb2004@"><img alt="书记信箱" src="images/pl.png" /></a></div><div class="list-2" style="width: 273px;float:left;">。

这个地方有点纠结——因为两张图片的宽度加起来正好一共300px,而整个容器也是layout-right,list-1,list-2都是300px,内第一个div,给浮动,里面的图片似乎也得给浮动(这和第一个例子不一样,似乎是因为外面的大容器对内部的内部的元素也产生了影响),不然会自动选择换行显示,且头部还会多出一点间距来(已经给img,a padding,margin在外导入样式表清0了)即便理论上是刚刚能挤下来(这是在除IE8的nav里都能做到的),好,那我们给img浮动吧,可是很不幸,第二个a标签会向下掉若干个像素(具体什么规律和原理我还不知道),虽然a img 的margin padding清0工作是已经做了的——但是如果给a,img一个inline style margin padding 0 ,又偏偏能起到作用,这让我怀疑自己代码的规范性了——但我确实给了a,img一个margin padding清零的class,而且并未被覆盖——纠结中——但是这个教训却总结出来了,就是必须使自己的代码十分的规范,规范,再规范——测试了一两天的IE8发现,其中有很多东西都是和IE6和IE7不同的地方,包括css和javascript两个方面,在此记录备忘1 IE8中的css中关于width或是height中如果使用像素形式作为参数时,参数必须是带“px”的,而且此参数必须是大于0的,而在IE6和IE7中是支持不带“px”参数的,而且参数是可以为一个负数。

2 IE8中的css中“border-style:outset ;”是没有效果的。

3 IE8中的无序列表<ui>之间的距离要比IE6和IE7大的多,而且我还没有找到调整的方法。

4 在IE8中,一个Iframe中取event.x的值不是Iframe中的相对x坐标,而是最外层的window 的x坐标,但是event.y却是取的是Iframe中的相对y坐标。

而在IE6和IE7中,event.x和event.y却得的都是所在Iframe中的相对坐标,真是搞不懂!可以用event.clinetX代替。

5 IE8中的javascript中function对象例如:function a(){alert("haha");}var fun=new Function("",a);alert(fun);此时返回的值为function anonymous(){function a(){alert("haha")}} 而在IE6和IE7中返回的值为function anonymous(){alert("haha")};也就是说当Function的第二个参数如果是一个函数时,IE8对此参数作用的是整个函数的代码,而IE6和IE7则是对此参数起作用的是函数的内部代码(不包括“function a(){”和“}”的函数头和尾)6 IE8中expression函数不起作用。

所以如何在css中写javascript代码还不清楚。

7.如下代码.regDiv{background-image:url(image/bg.gif); MARGIN: 0px auto; WIDTH: 800px;}.regWrap{vertical-align:center ;border:0px ;margin:0 auto; width:95%}.regWrap TD{FONT: 12px/25px 'arial';VERTICAL-ALIGN: buttom;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;PADDING-LEFT:5px;white-space:nowrap;vertical-align:bottom;}.regWrap EM {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #cc0000; PADDING-TOP: 0px}.regWrap SPAN{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;OVERFLOW: hidden; HEIGHT: 20px;color: #999999}.regWrap INPUT{HEIGHT: 18px}A{FONT: 12px/12px 'arial';COLOR: #039;TEXT-DECORA TION: none;}这段代码中如果在IE8以下版本中,A的样式是无效的,而在IE8中是有效的。

相关文档
最新文档