浏览器兼容性问题及解决方案
浏览器兼容新问题
W3C对标准的推进，Firefox，Chrome，Safari，Opera的出现，结束了IE雄霸天下的日子。
然而，这对开发者来说，是好事，也是坏事。
说它是好事，是因为浏览器厂商为了取得更多的市场份额，会促使各浏览器更符合W3C标准，而得到更好的兼容性，并且，不同浏览器的扩展功能(例如-moz，-webkit开头的样式)，对W3C标准也是个推进；说它是坏事，因为，多个浏览器同时存在，这些浏览器在处理一个相同的页面时，表现有时会有差异。这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。而正是这些“浏览器兼容性问题”，无形中给我们的开发增加了不少难度。
从浏览器内核的角度来看，浏览器兼容性问题可分为以下三类：
1. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。
2. 脚本相关：和脚本相关的问题，包括JavaScript和DOM、BOM方面的问题。对于某些浏览器的功能方面的特性，也属于这一类。
3. 其他类别：除以上两类问题外的功能性问题，一般是浏览器自身提供的功能，在内核层之上的。
例如下面的页面，是一个渲染相关的问题：
在各个浏览器中都表现的不同，这就属于兼容性问题。
造成浏览器兼容性问题的根本原因就是浏览器各浏览器使用了不同的内核，并且它们处理同一件事情的时候思路不同。
现今常见的浏览器及其排版引擎（又称渲染引擎）及脚本引擎，如下：
而造成浏览器兼容性问题的常见原因则是设计师写出了不规范的代码，不规范的代码会使不兼容现象更加突出。
例如：
不规则的嵌套：
DIV 中直接嵌套LI 元素是不合标准的，LI 应该处于UL 内。此类问题常见的还有P 中嵌套DIV，TABLE等元素。
不规范的DOM接口和属性设置：
总之，人为的原因也占很大一部分。而人为造成兼容性问题的原因，除了粗心之外，大都源于浏览器bug 的存在，和开发者对标准的不了解。
比如，如果要做一个功能，功能是想让鼠标悬停在IMG 元素上方时，可以出现提示信息，经常针对IE 做开发的人，可能会使用IMG 元素的“alt” 属性，但其他浏览器中就是不给…alt? 属性面子。因为W3C 标准中规定要去做这件事的属性是”title“，大多浏览器符合标准，IE 不符合，这是IE 浏览器内核的问题；开发者不知道”title“ 才是正解，不遵循标准去写代码，是开发者的问题。所以，一个问题分两半，浏览器和开发者都有责任。
既然都有责任，就都有义务去解决兼容性问题。那么，从浏览器的角度来讲，它的厂商应该修复浏览器的bug和不合标准的地方，当某一天IE 的”alt“ 不能用于提示了，还有人用这个错误的属性去显示提示么？从开发者角度来讲，多了解标准，了解浏览器兼容性问题，就可以在开发的过程中，有效的避开兼容性问题，让你的页面在所有浏览器中畅通无阻。
废话少说，下面就讲讲如何有效的避免一些兼容性问题。
J AVA S CRIPT (4)
2.const问题 (5)
3.event.x与event.y问题 (5)
4.window.location.href问题 (5)
5.frame问题 (5)
6.模态和非模态窗口问题 (6)
7.firefox与IE的父元素(parentElement)的区别 (6)
8.document.formName.item(”itemName”) 问题 (6)
9.集合类对象问题 (6)
10.自定义属性问题 (7)
11.input.type属性问题 (7)
12.event.srcElement问题 (7)
13.body载入问题 (7)
14.事件委托方法 (8)
15.Table操作问题 (8)
16.对象宽高赋值问题 (8)
CSS (8)
1.cursor:hand VS cursor:pointer (8)
2.innerText在IE中能正常工作，但在FireFox中却不行. (8)
3.CSS透明 (9)
4.css中的width和padding (9)
5.FF和IE BOX模型解释不一致导致相差2px (9)
6.IE5 和IE6的BOX解释不一致 (9)
8.元素水平居中问题 (10)
9.Div的垂直居中问题 (10)
10.margin加倍的问题 (10)
11.IE与宽度和高度的问题 (11)
12.页面的最小宽度 (11)
13.DIV浮动I E文本产生3象素的bug (11)
14.IE捉迷藏的问题 (12)
15.float的div闭合;清除浮动;自适应高度 (12)
16.高度不适应 (13)
17.IE6下图片下有空隙产生 (14)
18.对齐文本与文本输入框 (14)
19.LI中内容超过长度后以省略号显示 (14)
20.为什么web标准中IE无法设置滚动条颜色了 (15)
21.为什么无法定义1px左右高度的容器 (15)
22.链接(a标签)的边框与背景 (15)
23.超链接访问过后hover样式就不出现的问题 (16)
24.FORM标签 (16)
25.属性选择器(这个不能算是兼容,是隐藏css的一个bug) (16)
26.为什么FF下文本无法撑开容器的高度 (16)
J AVA S CRIPT
1.HTML对象获取问题
FireFox：document.getElementById("idName");
ie:document.idname或者document.getElementById("idName").
解决办法：统一使用document.getElementById("idName");
2.const问题
说明:Firefox下,可以使用const关键字或var关键字来定义常量;
IE下,只能使用var关键字来定义常量.
解决方法：统一使用var关键字来定义常量.
3.event.x与event.y问题
说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.
解决方法：使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.
4.window.location.href问题
说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;
Firefox1.5.x下,只能使用window.location.
解决方法：使用window.location来代替window.location.href.
5.frame问题
以下面的frame为例：
(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象. frameId和frameName可以同名。
Firefox:只能使用window.frameName来访问这个frame对象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或
window.frameName.location = "xxx.html"来切换frame的内容.
如果需要将frame中的参数传回父窗口(注意不是opener,而是parent frame)，可以在frame中使用parent 来访问父窗口。例如：parent.document.form1.filename.value="Aqing";
6.模态和非模态窗口问题
说明:IE下,可以通过showModalDialog和showModelessDialog打开模态和非模态窗口;Firefox下则不能.
解决方法：直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口.
例如：var parWin = window.opener; parWin.document.getElementById("Aqing").value = "Aqing"; 7.firefox与IE的父元素(parentElement)的区别
IE：obj.parentElement
firefox：obj.parentNode
解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
8.document.formName.item(”itemName”) 问题
问题说明：IE下，可以使用document.formNa me.item(”itemName”) 或document.formName.elements ["elementName"]；Firefox 下，只能使用document.formName.elements["elementName"]。
解决方法：统一使用document.formName.elements["elementName"]。
9.集合类对象问题
问题说明：IE下，可以使用() 或[] 获取集合类对象；Firefox下，只能使用[ ]获取集合类对象。
解决方法：统一使用[] 获取集合类对象。
10.自定义属性问题
问题说明：IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用getAttribute() 获取自定义属性；Firefox下，只能使用getAttribute() 获取自定义属性。
解决方法：统一通过getAttribute() 获取自定义属性。
11.input.type属性问题
问题说明：IE下input.type 属性为只读；但是Firefox下input.type 属性为读写。
解决办法：不修改input.type 属性。如果必须要修改，可以先隐藏原来的input，然后在同样的位置再插入一个新的input元素。
12.event.srcE l ement问题
问题说明：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性。
解决方法：使用srcObj = event.srcElement ? event.srcElement : event.target;
如果考虑第8条问题，就改用myEvent代替event即可。
13.body载入问题
问题说明：Firefox的body对象在body标签没有被浏览器完全读入之前就存在；而IE的body对象则必须在body标签被浏览器完全读入之后才存在。
[注] 这个问题尚未实际验证，待验证后再来修改。
[注] 经验证，IE6、Opera9以及FireFox2中不存在上述问题，单纯的JS脚本可以访问在脚本之前已经载入的所有对象和元素，即使这个元素还没有载入完成。
14.事件委托方法
问题说明：I E下，使用document.body.onload = inject; 其中function inject()在这之前已被实现；在Firefox下，使用document.body.onload = inject();
解决方法：统一使用document.body.onload=new Function(’inject()’); 或者document.body.onload =
function(){/* 这里是代码*/}
[注意] Function和function的区别。
15.Table操作问题
问题说明：ie、firefox以及其它浏览器对于table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChild方法也不管用。
解决方法：//向table追加一个空行：
var row = otable.insertRow(-1);var cell = document.createElement("td");cell.innerHTML = "";cell.className = "XXXX";row.appendChild(cell);[注] 由于俺很少使用JS直接操作表格，这个问题没有遇见过。建议使用JS框架集来操作table，如JQuery。
16.对象宽高赋值问题
问题说明：FireFox中类似obj.style.height = imgObj.height 的语句无效。
CSS
1.cursor:hand VS cursor:pointer
firefox不支持hand，但ie支持pointer
解决方法: 统一使用pointer
2.innerText在IE中能正常工作，但在FireFox中却不行.
需用textContent。
解决方法:
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('element').innerText = "my text";
} else{
document.getElementById('element').textContent = "my text";
}
3.CSS透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
4.css中的width和padding
在IE7和FF中width宽度不包括padding，在Ie6中包括padding.
5.FF和IE BOX模型解释不一致导致相差2px
box.style{width:100;border 1px;}
ie理解为box.width = 100
ff理解为box.width = 100 + 1*2 = 102 //加上边框2px
解决方法：div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反，IE不能识别!important这个属性，但别的浏览器可以识别。所以在IE下其实解释成这样：div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
6.IE5 和IE6的BOX解释不一致
IE5下div{width:300px;margin:0 10px 0 10px;}
div 的宽度会被解释为300px-10px(右填充)-10px(左填充)，最终div的宽度为280px，而在IE6和其他浏览器上
宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}
7.ul和ol列表缩进问题
消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px;
经验证，在IE中，设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding 对样式没有影响；在Firefox 中，设置margin:0px仅仅可以去除上下的空白，设置padding:0px后仅仅可以去掉左右缩进，还必须设置list- style:none才能去除列表编号或圆点。也就是说，在IE中仅仅设置margin:0px 即可达到最终效果，而在Firefox中必须同时设置margin:0px、padding:0px以及list-style:none三项才能达到最终效果。
8.元素水平居中问题
FF: margin:0 auto;
IE: 父级{ text-align:center; }
9.Div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高：line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。
10.margin加倍的问题
设置为float的div在i e下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如：
相应的css为
#imfloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}
11.IE与宽度和高度的问题
IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，
如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面
根本等于没有设置宽度和高度。
比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
12.页面的最小宽度
如上一个问题，I E不识别min，要实现最小宽度，可用下面的方法：
#container{ min-width: 600px; width:expression(document.body.clientWidth ＜600? "600px": "auto" );}
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML
文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
13.DIV浮动IE文本产生3象素的bug
左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //这句是关键}
14.IE捉迷藏的问题
当div应用复杂的时候每个栏中又有一些链接，DI V等这个时候容易发生捉迷藏的问题。
有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。
解决办法：对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。
15.float的div闭合;清除浮动;自适应高度
①例如：＜div id=”floatA” >＜div id=”floatB” >＜div id=”NOTfloatC” >
这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为
float:left;)
这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在＜div class=”floatB”> ＜div class=”NOTfloatC”>之间加上＜div class=”clear”>这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。并且将clear这种样式定义为为如下即可：.clear{ clear:both;}
②作为外部wrapper 的div 不要定死高度,为了让高度能自适应，要在wrapper里面加上
overflow:hidden; 当包含float的box的时候，高度自适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。
例如某一个wrapper如下定义：
.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}
③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一
个统一的背景,譬如:
比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page 由于要居中,不能设置成float,所以我们应该这样解决：
再嵌入一个float left而宽度是100%的DIV解决之。
④万能float 闭合(非常重要!)
关于clear float 的原理可参见[How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上class="clearfix" 即可,屡试不爽。
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
或者这样设置：.hackbox{ display:table; //将对象作为块元素级的表格显示}
16.高度不适应
高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或padding时。
例：
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
p对象中的内容＜/p>
解决技巧：在P对象上下各加2个空的div对象CSS代码{height:0px;overflow:hidden;}或者为DIV加上border属性。
17.IE6下图片下有空隙产生
解决这个BUG的技巧有很多,可以是改变html的排版,或者设置img为display:block 或者设置vertical-align 属性为vertical-align:top/bottom/middle/text-bottom 都可以解决.
18.对齐文本与文本输入框
加上vertical-align:middle;
经验证，在IE下任一版本都不适用，而ff、opera、safari、chrome均OK！
19.LI中内容超过长度后以省略号显示
此技巧适用与IE、Opera、safari、chrom浏览器，FF暂不支持。
20.为什么web标准中IE无法设置滚动条颜色了
解决办法是将body换成html
"https://www.360docs.net/doc/1d17240607.html,/TR/xhtml1/DTD/xhtml1-strict.dtd">
24.FORM标签
这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css
中指定margin和padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}。
25.属性选择器(这个不能算是兼容,是隐藏css的一个bug)
p[id]{}div[id]{}
这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用.属性选择器和子选择器还是有区别的,子选择器的
范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.
26.为什么FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设
置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}
浏览器兼容性案例分析
浏览器兼容性案例分析： 1.不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。 2.IE6下不支持png图片 问题症状：IE6下不显示png图片。 碰到频率:100% 解决方案： 3.IE6下不支持:hover 问题症状：IE6下不支持:hover。 碰到频率:100% 解决方案：改成js方法 4.相同名称的样式被定义了多次，但不知道在定义在哪里 问题症状：相同名称的样式被定义了多次，但不知道定义在哪里，导致样式冲突。 碰到频率:100% 解决方案：最简单的办法是在样式后面添加!important，这样可以保持这个样式一直被调用。 .bHidden { display:none !important; }
5.单行双列自适应宽度，IE6中出现错行现象解决办法 问题症状： 调整单行双列自适应宽度布局，随着浏览器窗口大小自动改变left和right层的宽度。代码如下：
IE浏览器打不开怎么办
IE浏览器打不开怎么办 1.发送错误报告 【故障现象】 在使用IE浏览网页的过程中，出现“Microsoft Internet Explorer遇到问题需要关闭……”的信息提示。此时，如果单击“发送错误报告”按钮，则会创建错误报告，单击“关闭”按钮之后会引起当前IE 窗口关闭；如果单击“不发送”按钮，则会关闭所有IE窗口。 【故障点评】 这是IE为了解用户在使用中的错误而设计的一个小程序，不过我可不想当微软的“免费测试员”，更何况每天它都会面对成千上万的报告，谁知道有没有在意我的报告问题呢？ 【故障解决】 针对不同情况，可分别用以下方法关闭IE发送错误报告功能: ①对IE 5.x用户，执行“控制面板→添加或删除程序”，在列表中选择“Internet Explorer Error Reporting”选项，然后单击“更改/删除”按钮，将其从系统中删除。 ②对Windows 9x/Me/NT/2000下的IE 6.0用户，则可打开“注册表编辑器”，找[HKEY_LOCAL_MACHI NE＼Software ＼Microsoft＼Internet Explorer＼Main]，在右侧窗格创建名为IEWatsonEnabled的DWOR D双字节值，并将其赋值为0。 ③对Windows XP的IE 6.0用户，执行“控制面板→系统”，切换到“高级”选项卡，单击“错误报告”按钮，选中“禁用错误报告”选项，并选中“但在发生严重错误时通知我”，最后单击“确定”按钮。 2.IE发生内部错误，窗口被关闭 【故障现象】 在使用IE浏览一些网页时，出现错误提示对话框:“该程序执行了非法操作，即将关闭……”，单击“确定”按钮后又弹出一个对话框，提示“发生内部错误……”。单击“确定”按钮后，所有打开的IE窗口都被关闭。 【故障点评】 该错误产生原因多种多样，内存资源占用过多、IE安全级别设置与浏览的网站不匹配、与其他软件发生冲突、浏览网站本身含有错误代码……这些情况都有可能，需要耐心加以解决。 【故障解决】 ①关闭过多的IE窗口。如果在运行需占大量内存的程序，建议IE窗口打开数不要超过5个。 ②降低IE安全级别。执行“工具→Internet选项”菜单，选择“安全”选项卡，单击“默认级别”按钮，拖动滑块降低默认的安全级别。 ③将IE升级到最新版本。IE 6.0下载地址: https://www.360docs.net/doc/1d17240607.html,/soft/4767.html。IE 6.0 SP1下载地址: https://www.360docs.net/doc/1d17240607.html,。 可使用以IE为核心的浏览器，如MyIE2。它占用系统资源相对要少，而且当浏览器发生故障关闭时，下次启动它，会有“是否打开上次发生错误时的页面”的提示，尽可能地帮你挽回损失。下载地址: http: //https://www.360docs.net/doc/1d17240607.html,/Software/catalog12/2856.html 3.出现运行错误 【故障现象】 用IE浏览网页时弹出“出现运行错误，是否纠正错误”对话框，单击“否”按钮后，可以继续上网浏览。 【故障点评】
最新整理浏览器支付宝的页面打不开怎么回事
浏览器支付宝的页面打不开怎么回事 有网友想打开支付宝页面查看，但是发现在浏览器中打不开，怎么回事呢?大家先不要着急，下面小编给大家提供了具体的解决方法，请看下文操作。 支付宝的页面打不开 1、查看密钥长度是否支持128位(I E-帮助-关于 I n t e r n e t e x p l o r e r)，如果低于128，点此查看如何升级密钥包。 2、如果是局域网，请联系系统管理员开放h t t p s，即443端口。 3、如果是个人电脑，请关闭您的防火墙(包括加装的防火墙和w i n d o w s自带防火墙)试下。W i n d o w s自带防火墙关闭的方法如下：开始控制面板当中的W i n d o w s防火墙，设置为关闭。加装防火墙一般退出防火墙程序即可。 关闭防火墙的方法：点击开始控制面板，双击防火墙后，选择关闭并点击确定 4、在I E浏览器当中，点击工具-I n t e r n e t选项，选择高级，安全当中将s s l2.0和s s l3.0设置为打勾。 补充：浏览器常见问题分析
1.I E浏览器首次开机响应速度慢，需要数秒。搞定办法：I E下选择工具-i n t e r n e t选项-连接-局域网设置-取消自动检测。 2.I E9图片显示不正常或干脆不显示，尤其是Q Q 空间搞定办法：工具-i n t e r n e t选项-高级-加速图形-运用软件而非G P U选择。 3.打开网页显示搞定方案：工具-i n t e r n e t选项-高级中关闭重新启动i e后即开。 4.下载完所需安全控件也无法运用各种网银，付款时识别不出u盾搞定方案：据提示下载银行安全控件并安装。插上u盾，拿建行为例：在开始菜单里-所有程序-中国建设银行E路护航网银安全组件-网银盾管理工具打开后点击你的u盾并注册。然后重新启动浏览器(一定要完全退出再进)进入付款网页上方会显示是否允许加载项，选择在所有站点允许。这时候可能还需要再次重新启动浏览器进入付款页面这时候你期待的u盾密码输入框会出现。这样就o k了 5.打开网页一直刷新-失败-刷新，无限循环搞定办法：工具-i n t e r n e t选项-高级-禁用脚本调试。 6.I E习惯性停止工作或崩溃。搞定办法：工具-管
IE11兼容性设置方法及常见问题处理方法
1 IE11兼容性设置方法及常见问题处理方法 在我们的日常生活中，经常打开一些如银行网银、QQ 空间、一些公司内网网站，但是由于新的IE 可能与现有网页的版本存在兼容性问题，可能出现插件无法安装，网页无法打开情况，这就需要考虑使用兼容性设置的方法来解决以上问题，下面详细说明设置方法： 1）打开ie,点击设置“齿轮”，再点击兼容性视图设置，如下图： 2）点击“添加”按钮来添加要使用兼容模式的网站，并点击“关闭”；
2 3）在桌面IE 模式中，按键盘“F12”按钮调出左侧；黑色菜单，如右图，选择最后一项，将用户代理；字符串选择为IE10、IE8、IE7、IE6试试。 IE 11常见问题问题及处理方法： Q ：腾讯QQ 空间、QQ 音乐、DZ 论坛无法正常浏览 A ：目前暂无更好解决方案，只能尝试使用兼容性设置，若无效建议等待以上网站更新以支持最新的IE11增强保护模式暂不完善。 Q ：无法新建选项卡，,首页设置为空白打开出错，工行网银助手无法正常使用 A ：IE 选项-高级取消"启用增强保护模式"勾选，确定，关闭并重新打开IE 即可恢复。 Q ：优酷等视频网站无法浏览，支付宝、建行等插件无法正常使用 A ：点击兼容性视图按钮即可，如果无法显示兼容性视图按钮，点击工具-兼容性视图设置，添加https://www.360docs.net/doc/1d17240607.html, （支付宝）、https://www.360docs.net/doc/1d17240607.html, （建行），安装插件后即可正常登录，如果还是不行，可以安装其他浏览器试试。 Q ：网页字体模糊，或者各种显示异常。兼容性视图无效 A ：打开Internet 选项，高级选项卡，将“加速的图形”分类下的“使用软件呈现而不使用GPU 呈现”勾选，确定，关闭并重新打开IE 即可。
浏览器兼容性问题及解决方案
浏览器兼容新问题 W3C对标准的推进，Firefox，Chrome，Safari，Opera的出现，结束了IE雄霸天下的日子。 然而，这对开发者来说，是好事，也是坏事。 说它是好事，是因为浏览器厂商为了取得更多的市场份额，会促使各浏览器更符合W3C标准，而得到更好的兼容性，并且，不同浏览器的扩展功能(例如-moz，-webkit开头的样式)，对W3C标准也是个推进；说它是坏事，因为，多个浏览器同时存在，这些浏览器在处理一个相同的页面时，表现有时会有差异。这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。而正是这些“浏览器兼容性问题”，无形中给我们的开发增加了不少难度。 从浏览器内核的角度来看，浏览器兼容性问题可分为以下三类： 1. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。 2. 脚本相关：和脚本相关的问题，包括JavaScript和DOM、BOM方面的问题。对于某些浏览器的功能方面的特性，也属于这一类。 3. 其他类别：除以上两类问题外的功能性问题，一般是浏览器自身提供的功能，在内核层之上的。 例如下面的页面，是一个渲染相关的问题： 在各个浏览器中都表现的不同，这就属于兼容性问题。 造成浏览器兼容性问题的根本原因就是浏览器各浏览器使用了不同的内核，并且它们处理同一件事情的时候思路不同。 现今常见的浏览器及其排版引擎（又称渲染引擎）及脚本引擎，如下：
而造成浏览器兼容性问题的常见原因则是设计师写出了不规范的代码，不规范的代码会使不兼容现象更加突出。 例如： 不规则的嵌套： DIV 中直接嵌套LI 元素是不合标准的，LI 应该处于UL 内。此类问题常见的还有P 中嵌套DIV，TABLE等元素。 不规范的DOM接口和属性设置： 总之，人为的原因也占很大一部分。而人为造成兼容性问题的原因，除了粗心之外，大都源于浏览器bug 的存在，和开发者对标准的不了解。 比如，如果要做一个功能，功能是想让鼠标悬停在IMG 元素上方时，可以出现提示信息，经常针对IE 做开发的人，可能会使用IMG 元素的“alt” 属性，但其他浏览器中就是不给…alt? 属性面子。因为W3C 标准中规定要去做这件事的属性是”title“，大多浏览器符合标准，IE 不符合，这是IE 浏览器内核的问题；开发者不知道”title“ 才是正解，不遵循标准去写代码，是开发者的问题。所以，一个问题分两半，浏览器和开发者都有责任。 既然都有责任，就都有义务去解决兼容性问题。那么，从浏览器的角度来讲，它的厂商应该修复浏览器的bug和不合标准的地方，当某一天IE 的”alt“ 不能用于提示了，还有人用这个错误的属性去显示提示么？从开发者角度来讲，多了解标准，了解浏览器兼容性问题，就可以在开发的过程中，有效的避开兼容性问题，让你的页面在所有浏览器中畅通无阻。 废话少说，下面就讲讲如何有效的避免一些兼容性问题。 J AVA S CRIPT (4)
浏览器间不兼容的原因及解决办法
网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。 一般情况下，我都会兼顾IE 6.0 / IE 7.0 / firefox 2.0浏览器，下面是用的较频繁的CSS Hack技巧： 用的最广莫过于!important了，它可以针对IE（IE 7.0能正确理 解!important）和非IE浏览器设置不同的样式，只要在非IE浏览器样式的后面加上!important，就可以针对其优先了。所以为了兼顾IE 6.0与火狐之间的差异，我都会使用!important。 1、仅IE7与IE5.0可以识别 *+html select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 2、仅IE7可以识别 *+html s elect {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 3、IE6及IE6以下识别 * html select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 4、html/**/ >body select {…}
这句与上一句的作用相同。 5、仅IE6不识别，屏蔽IE6 select { display /*屏蔽IE6*/:none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 6、仅IE6与IE5不识别，屏蔽IE6与IE5 select/**/ { display /*IE6,IE5不识别*/:none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 7、仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。 8、盒模型解决方法 selct {width:IE5.x宽度; voice-family :”/”}/”"; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。 9、只有Opera识别 @media all and (min-width: 0px){ select {……} } 针对Opera浏览器做单独的设定。 以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有
IE浏览器为何有些网页能打开,有些网页打不开的6种方案仅供参考解决
IE浏览器为何有些网页能打开，有些网页打不开？ 我们提供一下6种方案仅供参考： 此类问题可以用腾讯电脑管家电脑诊所一键修复，请点击上方的【立即修复】即可。 附：手动修复步骤（来源：腾讯电脑管家电脑诊所，自动修复请点击上方的【立即修复】）方案一：手动设置DNS （说明：如果您使用DNS有特殊设置，请保存设置后再进行操作） 1.打开【控制面板】→【网络连接】→打开【本地连接】→【属性】： 2.双击【Internet 协议(TCP/IP)】→选择【自动获取IP地址(0)】和【使用下面的DNS服务器地址(B)】→输入首选DNS服务器为"114.114.114.114"，备用DNS服务器为"8.8.8.8"→点击【确定】→【确定】：
方案二：清除IE缓存 1. 打开IE浏览器→点击【工具】→ 【Internet 选项】→【删除】： 2. 勾选所有选项→点击【确定】→ 在确认窗口中点击【确定】
方案三：注册IE组件 点击【开始】菜单→在搜索框中输入"cmd"→按键盘enter(回车)键： 在弹出的黑色窗口中，按顺序输入以下内容，按键盘enter(回车)键，再逐一完成以下全部部件注册：
regsvr32 atl.dll regsvr32 shdocvw.dll regsvr32 actxprxy.dll regsvr32 urlmon.dll regsvr32 browseui.dll regsvr32 oleaut32.dll regsvr32 shell32.dll regsvr32 jscript.dll regsvr32 vbscript.dll regsvr32 mshtmled.dll regsvr32 CLBCATQ.DLL regsvr32 cscui.dll regsvr32 MLANG.DLL regsvr32 stobject.dll regsvr32 WINHTTP.dll regsvr32 msxml3.dll regsvr32 query.dll regsvr32 jscript9.dll regsvr32 hlink.dll
浏览器兼容性常见问题
1.注释标签常用语法 1.1注释的注意事项
1.2出错条件 1.3注释中多个地方出错时
1.4两个出错的注释标签，其间的内容被视为注释的一部分 1.5解决方案 2.浏览器的字符编码 2.1问题描述 各浏览器对于字符编码别名支持的宽泛程度有差异，当指定了浏览器无法识别的字 符编码别名时，浏览器会以确定编码的优先级顺序采用设置的更低优先级的字符编码， 以此类推。而 Chrome Safari Opera 中对字符编码别名有着比其他浏览器更宽泛的支持。
2.2文档的字符编码顺序 针对如何确定一个文档的字符编码，用户代码必须遵守下面的优先级顺序（优先级由高至低）： （1）HTTP "Content-Type" 字段中的 "charset" 参数。 （2）META 声明中 "http-equiv" 为 "Content-Type" 对应的值中的 "charset" 的值。（3）元素的 charset 属性。 2.3实例1 上面是一段 PHP 代码，HTTP "Content-Type" 头字段设置了字符编码为 BIG5，页面中的 META 元素设置了字符编码为 UTF-8，页面本身的编码类型为 GB2312。页面执行时，通过脚本输出了当前浏览器所采用的字符编码类型。 这个动态页面在各浏览器中运行时均显示出了 BIG5，可见此时所有浏览器均遵照HTML4.01 规范所述，以更高优先级的 HTTP "Content-Type" 头字段的 "charset" 参数的值作为字符编码类型。
2.4各浏览器默认编码格式 上面页面中没有设定任何的字符编码信息，则各浏览器对于这个页面将使用各自的默认编码。页面自身的编码为 GB2312。 各浏览器中运行效果如下： 2.5实例2 上面的动态页面自身的编码为 BIG5，HTTP "Content-Type" 头字段设置了字符编码为 maccyrillic，页面中的 META 元素设置了字符编码为 b.i.g+5。 各浏览器中运行效果如下：
USB 3.0 验证、除错和相容性解决方案
Mastering USB Physical Layer Validation
Tektronix USB Testing Solutions Introduction
Sarah Boen
Agenda
? ?
Introduction USB 3.0 SuperSpeed
– – – – – – Why USB 3.0? Timeline Cable Transmitter Receiver Protocol analysis
?
USB 2.0
– Introduction – Compliance Testing
?
Wireless USB
– Overview – Compliance and Debug
Disclaimer: The material and content that describes specific details of the USB 3.0 specification (and SuperSpeed logo) belong to the USB 3.0 Promoters. Tektronix is not speaking or presenting on behalf of the USB 3.0 Promoters.
2
2009-4-10
Tektronix Innovation Forum 2009
USB Industry Leadership
? ? ? ?
Tektronix 1st to market for USB 2.0 Only approved Method of Implementation (MOI) for WiMedia PHY Leadership in USB Millions of certified products shipped, enabled by Tektronix USB solutions Tektronix is only T&M Technical Contributor in the USB 3.0 specification!
3
2009-4-10
Tektronix Innovation Forum 2009
Windows系统下各浏览器兼容性
Windows系统下各浏览器常用CSS HACK汇总表 1. 此汇总表中测试浏览器的版本为： 微软系统自带：IE6、 IE7、IE8 火狐：Firefox 3.6.6 Safari：Safari 5.0 谷歌浏览器：Chrome 6.0.458.1 dev Opera浏览器：Opera 10.60 2. 其中，多数CSS hack是在selector{property:value;}基础上更改的。 selector代表CSS选择器，property代表CSS特性，value代表特性的值。 3. FF代表Firefox，Ch代表Chorme，Sa代表Safari，Op代表Opera 4. Q代表Quirks Mode，S代表Standards Mode。 5. Hack Type列的数字，指的是上面CSS hack的实现方式中的列表号。 1是指“利用浏览器对相同代码的解析和支持的不同实现的hack”，2是指以Firefox或Webkit特有的扩展样式实现的hack。
一定遵守CSS hack的三条原则。CSS hack是没有办法的时候才使用的解决兼容性问题的招术，是用兼容性问题去解决兼容性问题，无异于饮鸩止渴。切莫一有兼容性问题就使用，时刻记得改掉用CSS hack修补的问题。 IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 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却无法读
常见的网页打不开的原因及解决方法
常见的网页打不开的原因及解决方法 导读：我根据大家的需要整理了一份关于《常见的网页打不开的原因及解决方法》的内容，具体内容：有的用户在浏览网页的时候就遇到过网页打不开的问题，其实引起这个故障的原因有很多，下面我就为大家介绍一下具体的原因分析及解决方法吧，欢迎大家参考和学习。网页打不开问题解决方法... 有的用户在浏览网页的时候就遇到过网页打不开的问题，其实引起这个故障的原因有很多，下面我就为大家介绍一下具体的原因分析及解决方法吧，欢迎大家参考和学习。 网页打不开问题解决方法 一、IE浏览器本身的问题 当IE浏览器本身出现故障时，自然会影响到浏览了;或者IE被恶意修改破坏也会导致无法浏览网页。这时可以尝试用"IE修复"来修复(建议到安全模式下修复)，或者重新安装IE。 二、病毒感染XP系统的应用层网关服务导致网页打不开解决方法： 出现只能上QQ不能开网页的情况，重新启动后就好了。不过就算重新启动，开7到8个网页后又不能开网页了，只能上QQ。有时电信往往会让你禁用Application Management服务，就能解决了。 这是由于某种不明病毒感染XP系统的应用层网关服务(Application Layer Gateway Service)导致XP系统用户打不开网页，在病毒感染之后，该服务会在每次系统启动时自动启动，并在后台产生一个alg.exe的进程，
只要手动关闭该应用层网关服务，即可解决该问题：单击"控制面板"--单击"管理工具"--双击"服务"图标--双击第二项"Application Layer Gateway Service"服务项--在启动类型中选择已"禁用"--单击"应用"--单击"停止"--单击"确定"--重启操作系统即可。 三、ADSL宽带，部分网页打不开 点击开始菜单里的"运行"，输入"regedit"后回车，进入注册表。依次展开 {HKEY_LOCAT_MACHINE\\System\\CurrentControlSet\\Services\\Class NetTrans}，会看到包含几个000X的子项，寻找含有键名为"DriverDesc"，键值为"TCP/IP"的000X主键，该键里有该计算机的网络属性设置，如IP 地址192.168.0.XX，网关192.168.0.1，子网掩码255.255.255.0等。在该键下新建"DWORD值"，命名为"MaxMtu"，修改键值为十进制的1450，设置毕重新启动计算机，客户机就可以访问原来访问不了的站点了。 四、网络设置不当引起无法打开网页 这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下，及使用代理服务器上网的，利用路由等无需设置IP的。仔细检查计算机的网络设置,不同情况不同设置。 另外，网络协议和网卡驱动的错误也会使得IE无法浏览，可能是网络协议(特别是TCP/IP协议)或网卡驱动损坏导致，可尝试重新网卡驱动和网络协议。 五、DNS服务器的问题
CSS浏览器兼容性的各种代码解决方案
CSS浏览器兼容性的各种代码解决方案 https://www.360docs.net/doc/1d17240607.html,/webds/blog/item/0fc34990dbef5a8ba877a4d1.html 网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。 一般情况下，我都会兼顾IE 6.0 / IE 7.0 / firefox 2.0浏览器，下面是用的较频繁的CSS Hack技巧： 用的最广莫过于!important了，它可以针对IE（IE 7.0能正确理解!important）和非IE浏览器设置不同的样式，只要在非IE浏览器样式的后面加上!important，就可以针对其优先了。所以为了兼顾IE 6.0与火狐之间的差异，我都会使 用!important。 1、仅IE7与IE5.0可以识别 *+html select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 2、仅IE7可以识别 *+html select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 3、IE6及IE6以下识别 * html select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 4、html/**/ >body select {…} 这句与上一句的作用相同。 5、仅IE6不识别，屏蔽IE6 select { display /*屏蔽IE6*/:none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 6、仅IE6与IE5不识别，屏蔽IE6与IE5 select/**/ { display /*IE6,IE5不识别*/:none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽 IE5.5 7、仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。 8、盒模型解决方法 selct {width:IE5.x宽度; voice-family :”\”}\”"; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。 9、只有Opera识别 @media all and (min-width: 0px){ select {……} }
关于浏览器兼容性问题
关于浏览器兼容性问题 制作网页时总会遇到各种浏览器的兼容性问题，工作也有一段时间了，做了一点小总结希望分享给大家，共同进步。 1、float定位。 Float定位是css排版中的非常重要的手段，属性float值：left、right、none（默认值），当设定了元素向左或者向右浮动时，元素会向其父元素的左侧或右侧靠紧。 在用float的同时我们要注意到 （1）float元素的父元素不能指定clear属性。 这是因为MaeIE下如果对float的元素父元素使用clear属性，周围的float元素布局就会混乱。 （2）float元素无比知道那个width属性 很多浏览器在显示未指定width的float元素时会有bug，所以不管float元素的内容如何，一定要为其制定width属性。（注意：制定元素时尽量使用em而不是px）（3）float元素不能指定margin和padding的属性 ie在显示指定了margin和padding的float元素时有bug。你可以再float元素内部嵌套一个div来势之margin和padding，也可以使用hack方法为ie指定特定的值。 （4）float元素之核的宽度要小于100% 如果float元素的宽度和正好等于100%，为保证大多浏览器显示正常，要是宽度之和小于100 2、margin加倍的问题。 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ 3、ie6中莫名出现多余的字符 我遇到的现象是：ie6下有些问题，重复出现在第二行，就是某些段落或某些文字的末尾N个字符，他另起一行重复出现，在选选着重复出现的文字时，原有的文字也被选中 解决方法：很简单，在重复出现文字的末尾补N个 ；就可以。 4、ie7中正常，但ie8中不正常，div的位置position：absolute在ie8中不起作用 解决方法：设置html兼容ie7，在head下加 5、针对ie 6、ie 7、火狐浏览器 (1)Ie6 、FF对!important;测试正常 Ie7对!important;可以正确解释。 为了使他们都正常： #style1{color：#333；} FF正常显示#333； *html #style1{color：#666；} ie6显示#666 *+html #style1{color：#999；} ie7显示#999 *+html与*html是ie特有的标签，firefox暂不支持，而*+html又为ie7特有的标签。 注意：顺序不能错了。 (2)FF: 链接加边框和背景色，需设置display: block, 同时设置float: left 保证不换行。 参照menubar, 给 a 和menubar 设置高度是为了避免底边显示错位, 若不设height,
网页打不开或浏览器打不开的解决办法
绝对彻底解决你的网络故障问题 一、网页打不开的解决办法 一、感染了病毒所致 这种情况往往表现在打开IE时，在IE界面的左下框里提示：正在打开网页，但老半天没响应。在任务管理器里查看进程，（进入方法，把鼠标放在任务栏上，按右键—任务管理器—进程）看看CPU的占用率如何，如果是100%，可以肯定，是感染了病毒，这时你想运行其他程序简直就是受罪。这就要查查是哪个进程贪婪地占用了CPU资源。 找到后，最好把名称记录下来，然后点击结束，如果不能结束，则要启动到安全模式下把该东东删除，还要进入注册表里，（方法：开始—运行，输入regedit）在注册表对话框里，点编辑—查找，输入那个程序名，找到后，点鼠标右键删除，然后再进行几次的搜索，往往能彻底删除干净。 有很多的病毒，杀毒软件无能为力时，唯一的方法就是手动删除。 二、与设置代理服务器有关 有些筒子，出于某些方面考虑，在浏览器里设置了代理服务器（控制面板--Internet选项—连接—局域网设置—为LAN使用代理服务器），设置代理服务器是不影响QQ联网的，因为QQ用的是4000端口，而访问互联网使用的是80或8080端口。这就是很多的筒子们不明白为什么QQ能上，而网页不能打开的原因。而代理服务器一般不是很稳定，有时侯能上，有时候不能上。如果有这样设置的，请把代理取消就可以了。 三、DNS服务器解释出错 所谓DNS，即域名服务器（Domain Name Server）,它把域名转换成计算机能够识别的IP地址，如深圳之窗，深圳热线，则无法进行域名解释，自然不能上网了。 如果是这种情况，有时候是网络服务接入商即ISP的问题，可打电话咨询ISP；有时候则是路由器或网卡的问题，无法与ISP的DNS服务连接。 这种情况的话，可把路由器关一会再开，或者重新设置路由器。或者是网卡无法自动搜寻到DNS的服务器地址，可以尝试用指定的DNS服务器地址。在网络的属性里进行，（控制面板—网络和拔号连接—本地连接—右键属性—TCP/IP协议—属性—使用下面的DNS服务器地址）。不同的ISP有不同的DNS地址，如电信常用的是 更新网卡的驱动程序或更换网卡也不失为一个思路。 四、系统文件丢失导致IE不能正常启动 这种现象颇为常见，由于： 1、系统的不稳定表现为死机频繁、经常莫名重启、非法关机造成系统文件丢失； 2、软硬件的冲突常表现为安装了某些程序引起网卡驱动的冲突或与IE的冲突。自从INTEL 推出超线程CPU后，有一个突出的问题是XP SP1下的IE6与超线程产生冲突； 3、病毒的侵扰导致系统文件损坏或丢失。 如果是第一种情况，可尝试修复系统，2K或XP系统下，放入原安装光盘（注意：一定要原安装光盘），在开始—运行里输入sfc /scanow，按回车。98的系统也可以用sfc命令进行检查。 如果是第二种情况，可以把最近安装的硬件或程序卸载，2K或XP的系统可以在机器启动后，长按F8，进入启动菜单，选择“最后一次正确的配置”，若是XP系统，还可以利用系统的还原功能，一般能很快解决问题。 如果是XP的系统因超线程CPU的原因，可以在BIOS里禁用超线程，或升级到SP2。（当然，XP如何升级SP2涉及到很多知识及要注意的问题，在此限于篇幅不再详述）。这种情
最全整理浏览器兼容性问题与解决方案样本
常用浏览器兼容性问题与解决方案所谓浏览器兼容性问题，是指由于不同浏览器对同一段代码有不同解析，导致页面显示效果不统一状况。在大多数状况下，咱们需求是，无论顾客用什么浏览器来查看咱们网站或者登陆咱们系统，都应当是统一显示效果。因此浏览器兼容性问题是前端开发人员经常会遇到和必要要解决问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精准按照设计图开发前端开发人员，可以说是精准到1px，她们很容易就会发现设计图局限性，并且在很少状况下会遇到浏览器兼容性问题，而这些问题往往都死浏览器bug，并且她们制作页面后期易维护，代码重用问题少，可以说是比较牢固放心代码。 第二类是基本按照设计图来开发前端开发人员，诸多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。某种效果实现也是重复调试得到，详细为什么浮现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这样写还不知因此然。此类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一种浏览器。改来改去也毫无头绪。其实她们遇到兼容性问题大某些不应当归咎于浏览器，而是她们技术自身了。 文章重要针对是第一类，严谨型开发人员，因而这里重要从浏览器解析差别角度来分析兼容性问题。 浏览器兼容问题一：不同浏览器标签默认外补丁和内补丁不同 问题症状：随便写几种标签，不加样式控制状况下，各自margin 和padding差别较大。 遇到频率:100% 解决方案：CSS里*
备注：这个是最常用也是最易解决一种浏览器兼容性问题，几乎所有CSS文献开头都会用通配符*来设立各个标签内外补丁是0。 浏览器兼容问题二：块属性标签float后，又有横行margin状况下，在IE6显示margin比设立大 问题症状:常用症状是IE6中背面一块被顶到下一行 遇到频率：90%（稍微复杂点页面都会遇到，float布局最常用浏览器兼容问题）解决方案：在float标签样式控制中加入display:inline;将其转化为行内属性 备注：咱们最惯用就是div+CSS布局了，而div就是一种典型块属性标签，横向布局时候咱们普通都是用div float实现，横向间距设立如果用margin实现，这就是一种必然会遇到兼容性问题。 浏览器兼容问题三：设立较小高度标签（普通不大于10px），在IE6，IE7，遨游中高度超过自己设立高度 问题症状：IE6、7和遨游里这个标签高度不受控制，超过自己设立高度 遇到频率：60% 解决方案：给超过高度标签设立overflow:hidden;或者设立行高line-height 不大于你设立高度。 备注：这种状况普通出当前咱们设立小圆角背景标签里。浮现这个问题因素是IE8之前浏览器都会给标签一种最小默认行高高度。虽然你标签是空，这个标签高度还是会达到默认行高。 浏览器兼容问题四：行内属性标签，设立display:block后采用float布局，又有横行margin状况，IE6间距bug 问题症状：IE6里间距比超过设立间距 遇到几率：20%
浏览器兼容性bug
常见浏览器兼容性问题与解决方案 标签：前端开发浏览器兼容问题 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。 第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。 文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。（相关文章推荐：主流浏览器CSS 3和HTML 5兼容清单） 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
- 常见浏览器兼容性问题与解决方案
- 在IE和火狐浏览器下页面兼容性问题的处理(最完整篇)
- 浏览器兼容性问题及解决方案
- Web标准及浏览器兼容性解决方案
- 最全整理浏览器兼容性问题与解决方案样本
- 浏览器兼容性测试
- 网页设计浏览器兼容性问题
- Javascript 多浏览器兼容性问题及解决方案
- 关于浏览器兼容性问题
- 浏览器兼容问题
- Javascript的IE和Firefox兼容性汇编
- 常见浏览器兼容性问题与解决技巧
- 浏览器兼容性问题解决方法
- 常见浏览器兼容性问题汇总.doc
- 最全整理浏览器兼容性问题与解决方案
- div+css中常见的浏览器兼容性处理
- 网页设计与浏览器兼容问题及解决方法
- 如何解决IE兼容性
- 前端浏览器兼容性问题及解决方法
- IE10以上浏览器兼容性问题