火狐浏览器兼容整理方案
如何设置火狐浏览器
如何设置火狐浏览器电脑运用很广泛，本文为大家普及电脑相关知识，欢迎大家学习，店铺，因你而精彩。
我们有时候会发现，浏览器用着用着会变慢，或者出现其他未知问题。
这时很多用户会采用重新安装浏览器来解决问题，但用户的数据等也会存在丢失的风险。
此时，我们首先需要去找到问题的原因，比如浏览器的版本和插件、扩展等的兼容性，浏览器的设置不当等等，然后去对症下药。
下面以火狐浏览器为例，给大家介绍一下如何通过优化浏览器的设置和升级相应的附加组件来提升浏览器的速度和使用体验，并介绍一些常用的问题诊断方法，获得更好的上网体验。
1. 开启自动升级，让你的火狐及时更新在火狐的工具->选项->高级中，为用户提供了火狐浏览器更新服务的设置，这里推荐大家使用自动安装更新，在第一时间用上最新版本的火狐，体验最新的性能优化和更好的速度提升。
浏览器的每个新版本都包含对浏览器性能的提升和对之前一些问题的修复，因此新版本一般比老版本拥有更高的安全性和更好的性能。
希望获取更新通知的用户也可以选择检查更新，并根据自己的需要在适合的时间来安装。
2. 开启自动更新附加组件，下次开启火狐时自动安装火狐的附加组件提供了自动更新的功能，随着浏览器的更新，附加组件可以自动进行更新，不需用户手动进行操作。
这里建议大家选用自动更新，更新后的扩展会在用户下一次开启火狐浏览器的时候自动安装，将对用户的打扰降到最低，又可以让用户免去版本升级后兼容性方面的困扰。
点击附加组件右侧的齿轮按钮，勾选“自动更新附加组件”即可。
另外，在这里也提示“扩展控”的用户们，安装过多的扩展会对火狐的使用速度造成一定的影响，一些不是每天必用的扩展，建议大家先禁用掉，需要使用时再开启即可，不需重新下载和安装。
3. 定期检查和更新插件，增强浏览器的稳定性与扩展不同，插件是由第三方公司提供和进行维护的(比如Adobe Flash插件)，注册到系统中，火狐只是从系统中调用，所以无法在火狐浏览器中进行自动更新。
IC软电话对IE和火狐浏览器的兼容性问题V1.1
一、在火狐浏览器中需满足如下条件：
1.JRE和火狐浏览器设置
1、火狐浏览器版本必须为13~16版本的，不能用17或更高的版本；
否则无法设置登录参数；
2、Jre需为1.7.0_17及以上版本；
选中浏览器的默认Java为Mozilla系列；
选中启用下一代Java插件；
3、开启java插件；
工具-附加组件-如下2个插件设置为可用（看到的是“禁用”按钮）。
4、开启操作本地文件的设置：
在地址栏输入about:config，然后修改signed.applets.codebase_principal_support的键值，将值修改为true。
5、重启火狐浏览器
2.访问系统时的设置
1、在登录系统后浏览器弹出提示窗口时，
勾选“不再对此应用程序显示此消息”，并选择“运行”
2、如果软电话未自动登录成功，需手动点击“设置”，在窗口中设置完毕并点击“保存”
按钮后，软电话自动登录：
二、在IE浏览器中需满足如下条件：
1、Jre需为1.6.0_10及以上版本；
2、其他配置参见原IE浏览器设置；。
浏览器兼容性视图设置
浏览器兼容性视图设置一、IE10：打开IE 10浏览器，输入网址，单击地址栏兼容性视图按钮，网页显示正常。
二、IE 11：点击窗口右上角“设置“按钮，在菜单里选择“兼容性视图设置”，将网页地址/输入到“添加此网站”的框里。
点“添加”，关闭IE再打开，即可。
三、Microsoft Edge：如不兼容，Edge会提示转到IE浏览器。
否则，在地址栏里输入“about:flags”,回车。
如图，将“开发者设置”下的“使用Microsoft兼容性列表”前面框中的对号去掉。
关闭再打开浏览器。
四、火狐浏览器：打开火狐浏览器，点击右上角的“打开菜单”图标，点击“添加组件”；搜索栏输入“ie”搜索相关插件，选择IE Tab组件点击安装，浏览此网页即可。
五、百度浏览器：打开浏览器，点击地址栏右侧的闪电符号，闪电符号变为ie浏览器符号时便切换为IE 兼容模式。
六、QQ浏览器：方法一：单击标题栏上的菜单，选择工具，点击启用兼容性视图；方法二：单击标题栏上的菜单，选择QQ浏览器设置；在QQ浏览器设置中，选择高级，兼容性视图下，勾选下面两个选项。
方法一：在地址栏后面显示高速，点击高速切换浏览模式；方法二：依次单击工具--搜狗高速浏览器选项；在搜狗高速浏览器选项中，点击高级，浏览模式选择策略，勾选默认使用兼容模式。
八、360浏览器：打开浏览器之后，点击地址栏右边的一个图标，如下图，会自动显示两种模式，分别为高速模式和兼容模式；选择兼容模式即可。
九、苹果系统Safari浏览器：打开safari浏览器以后，进入偏好设置。
在高级设置标签里，勾选显示开发的菜单。
勾选完后，safari的工具栏就多了一个开发菜单。
打开开发下拉菜单，找到用户代理，就可以看到兼容模式了。
如何处理跨浏览器兼容性问题
如何处理跨浏览器兼容性问题在当今互联网时代，浏览器的种类繁多，每个浏览器都有自己的特点和兼容性问题。
对于网页开发者来说，如何处理跨浏览器兼容性问题是一项重要的任务。
本文将探讨一些常见的跨浏览器兼容性问题以及解决方法。
一、了解不同浏览器的特点首先，了解不同浏览器的特点对于处理兼容性问题至关重要。
目前市场上主流的浏览器包括谷歌Chrome、火狐Firefox、微软Edge、苹果Safari等。
每个浏览器都有自己的渲染引擎和支持的Web标准，因此在开发过程中需要考虑到不同浏览器的差异。
二、使用CSS ResetCSS Reset是一种常用的解决浏览器兼容性问题的方法。
由于不同浏览器对于默认样式的处理方式不同，使用CSS Reset可以将不同浏览器的默认样式统一，从而减少兼容性问题。
常见的CSS Reset库包括Normalize.css和Reset.css，可以根据自己的需求选择合适的库来使用。
三、遵循Web标准遵循Web标准是解决跨浏览器兼容性问题的基础。
Web标准包括HTML、CSS和JavaScript等方面的规范，通过遵循这些规范可以确保网页在不同浏览器中的一致性显示。
在开发过程中，尽量使用标准的HTML标签和CSS属性，避免使用浏览器私有的特性。
四、使用浏览器前缀某些CSS属性在不同浏览器中需要添加特定的前缀才能生效。
例如，某个CSS属性在谷歌浏览器中需要添加"-webkit-"前缀，在火狐浏览器中需要添加"-moz-"前缀。
通过使用浏览器前缀，可以确保网页在不同浏览器中正常显示。
然而，过多地使用浏览器前缀也会增加代码的复杂性，因此需要权衡使用的必要性。
五、进行测试和调试在开发过程中，进行充分的测试和调试是解决兼容性问题的关键。
可以使用浏览器的开发者工具来模拟不同浏览器的环境，检查网页在不同浏览器中的显示效果。
同时，还可以使用一些兼容性测试工具来自动化地检测兼容性问题，例如Can Iuse和BrowserStack等。
史上最全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>后面，多余的字也同样消失，页面正常显示。
CSS各浏览器兼容问题整理
目录目录 (1)一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表 (3)1) 区别IE和非IE浏览器 (3)2) 区别IE6,IE7,IE8,FF (3)3) 区别IE6、IE7、Firefox (方法1) (4)4) 区别IE6、IE7、Firefox (方法2) (4)5) 区别IE7、Firefox (4)6) 区别IE6、IE7 (方法1) (4)7) 区别IE6、IE7 (方法2) (5)8) 区别IE6、Firefox (5)二、IE 的if条件Hack (5)三、对齐产生的问题 (6)1) div的居中对齐问题 (6)2) div中文字垂直居中对齐的问题 (7)3) 怎样使一个层垂直居中于浏览器中 (7)4) 如何对齐文本与文本输入框 (7)四、宽高问题 (7)1) IE6下容器的宽度和FF解释不同 (7)2) 页面的最小宽度 (8)3) 为什么无法定义1px左右高度的容器 (8)4) Firefox 关于DIV高度无法自适应 (8)5) div重叠的现象 (9)6) IE与宽度和高度的问题 (9)7) div嵌套时，外层div高度不能自适应 (10)8) div嵌套时y 轴上外层div 到内层div 的距离的问题 (10)9) padding，marign，height，width 的傻瓜式解决技巧 (10)10) FORM标签 (10)五、浮动 (11)1) margin加倍的问题 (11)2) DIV浮动IE文本产生3象素的bug (11)3) 怎么样才能让层显示在FLASH之上呢 (11)4) float的div闭合;清除浮动 (12)5) 自适应高度 (13)六、列表类 (13)1) UL的padding与margin (13)2) ul和ol列表缩进问题 (14)3) list-style-image无法准确定位 (14)4) LI中内容超过长度后以省略号显示的方法 (14)七、链接 (14)1) 游标手指cursor (14)2) ,给a标签内内容加上样式, (15)3) 链接(a标签)的边框与背景 (15)4) ff不支持expression 例如去掉链接的边框要分别写不同的css (15)5) 超链接访问过后hover样式就不出现的问题 (15)八、背景、图片类 (15)1) IE6下为什么图片下有空隙产生 (15)2) 图片垂直于容器内 (15)3) background 显示问题 (16)4) 背景颜色无法显示 (16)5) 背景透明问题 (17)九、其他问题 (17)1) 如何使连续长字段自动换行 (17)2) 为什么web标准中IE无法设置滚动条颜色了 (18)3) 属性选择器(这个不能算是兼容,是隐藏css的一个bug) (19)4) IE捉迷藏的问题 (19)5) BOX模型解释不一致问题 (19)6) IE6下绝对定位的容器内文本无法正常选择 (19)7) CSS双线凹凸边框 (19)8) IE选择符空格BUG (20)9) ff不支持<body scroll="no" > scroll属性 (21)10) ff不支持数据岛绑定 (21)11) ff不能用.click();方法打开链接 (21)12) 目前FF2.0为止都不支持IE的name锚点 (22)一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可以解决这个问题：详细查看•在属性前加下划线(_)，那么此属性只会被IE6解释•在属性前加星号(*)，此属性只会被IE7解释•在属性值后面加"\9"，表示此属性只会被IE8解释各浏览器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支持*/1)区别IE和非IE浏览器【区别符号】：「*」、「\9」#tip{background:blue; /*非IE背景藍色*/background:red\9; /*IE6、IE7、IE8背景紅色*/}（详细查看）2)区别IE6,IE7,IE8,FF【区别符号】：「*」、「_」、「!important」#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等)。
火狐浏览器崩溃解决方法
Adobe Flash更新到11.3之后，为火狐引入Flash沙盒安全模式，但同时，又造成了部分兼容性问题，导致Windows vista 及Windows7上部分火狐崩溃，并致使一些使用Flash的网站，例如：人人网网页图片上传工具及其他使用flash上传工具的网站无法正常工作。
目前火狐正在配合Adobe公司修复Flash插件的这一问题。
出现问题的朋友可以参考以下步骤，手动关闭Flash沙箱安全模式，解决部分崩溃及冲突问题。
修复步骤如下：
1.使用管理员权限打开记事本或者其他文本编辑器；
在开始菜单的输入框中输入notepad，然后在上方的搜索结果notepad上右键，选择“以管理员方式运行”。
并在弹出对话框中点击“是”。
2.然后在弹出的记事本窗口中，从菜单文件→打开中，选择打开以下的路径：
Windows32位系统：C:\windows\system32\macromed\flash
Windows 64位系统：C:\windows\syswow64\macromed\flash
关于系统类型的查看，在桌面图标“计算机”上右键，属性，就能看到。
然后将打开类型选择为所有文件，就能看到一个叫做mms.cfg 的文件，打
开它。
3.打开之后，在文件最后加上一行（需要在英文输入法状态下）：
ProtectedMode=0
最后文件→保存即可，如果提示保存错误，注意是否是由管理员方式启动的记事本编辑器。
确认修改完毕后，重启火狐，一般就不会再有Flash崩溃或者其他兼容性问题了。
此外，也建议各位火狐用户等待Adobe官方彻底修复崩溃问题再进行新版本的更新。
浏览器兼容性问题的解决方案
浏览器兼容性问题的解决方案随着互联网的不断发展，浏览器已经成为人们日常生活中必不可少的工具之一。
然而，不同的浏览器和浏览器版本之间的兼容性问题却给网站开发和维护带来了诸多麻烦。
本文将探讨浏览器兼容性问题带来的影响以及解决方案。
一、浏览器兼容性问题的影响1.用户体验不佳在不同的浏览器和版本下，网站的显示效果和交互体验往往差异很大，这会导致用户在使用网站时出现卡顿、界面错乱、功能失效等问题，影响用户的使用体验。
2.网站表现不佳由于不同的浏览器对网站代码的解释和执行方式不同，故网站在兼容性方面存在一定的缺陷。
这会导致网站在某些浏览器和版本下出现性能问题，例如加载速度变慢、页面响应时间变长等。
3.网站SEO降低由于不同的浏览器在搜索引擎中的排名不同，因此网站在兼容性方面出现问题会直接影响网站的搜索排名和SEO结果，降低网站被搜索引擎收录的概率和搜索排名。
二、1.编写符合标准的HTML、CSS和JavaScript代码兼容性问题的主要原因是网站代码不符合标准，因此，编写符合标准的代码是避免兼容性问题的基本手段。
在编写代码时要符合W3C标准，并注意不要使用浏览器非标准的属性和方法。
2.尽量避免使用特定浏览器的特定功能尽量避免使用特定浏览器的特定功能，以避免兼容性问题。
如果非常需要使用某个功能，则需要对该浏览器进行特别处理。
这可以通过JavaScript语言的特异性或条件注释来实现。
3.使用开源框架开源框架具有成熟的代码库，同时还能避免浏览器兼容性问题的发生。
常见的开源框架包括React、Angular和Vue.js等。
4.使用CSS Reset或Normalize.cssCSS Reset可以将所有浏览器的默认样式清空，从而减少兼容性问题的发生。
Normalize.css则可以实现一些浏览器的标准一致，从而让网站表现更稳定。
5.使用polyfillPolyfill是一种用于填补不同浏览器功能缺失的JavaScript库。
firefox插件版本不兼容的解决办法（如何修改火狐插件不兼容问题）
firefox插件版本不兼容的解决办法（如何修改火狐插件不兼容问题）在弹出的对话框中输入“extensions.checkCompatibility”，并将其值设置为“false”，再次新建一个名为“extensions.checkUpdateSecurity”的布尔类型，并将其值同样设置为“false”，设置后可以暂时禁用 Firefox 3对附加组件的安全检查。
退出并重新启动Firefox ，现在就可以顺利安装扩展了，其实绝大多数的扩展和插件都可以按照这个方法来处理。
如果你新建后，想删除你新建的功能，是删不掉的，只能将其设置为true，我试了下，效果是一样的。
方法二、修改插件的文件使用winrar压缩工具打开插件文件，双击install.rdf(或某个以.rdf为后缀的文件)文件(注意，不要将winrar关闭，否则会修改不成功)，使用记事本打开后，找到里边有个与Mozilla Firefox有关的<em>配置，<!-- target: Mozilla Firefox, version 0.9 to 3.0 --><em:targetApplication><Description><em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minVersion>0.9</em:minVersion><em:maxVersion>3.0.*</em:maxVersion></Description></em:targetApplication>如果你ff版本较低，就将<em:minVersion>0.9</em:minVersion>修改得更低一点。
反之如果你ff版本较高，就将<em:maxVersion>3.0.*</em:maxVersion>修改得更高一点。
前端框架技术中常见的浏览器兼容性问题及解决方案
前端框架技术中常见的浏览器兼容性问题及解决方案在前端开发过程中，浏览器兼容性问题一直是一个头疼的难题。
由于不同浏览器的渲染引擎和规范解释存在差异，导致同样的前端代码在不同浏览器上可能会呈现不同的效果甚至出现错误。
为了提供用户一致的体验，我们需要了解并解决常见的浏览器兼容性问题。
一、CSS兼容性问题1. 盒模型差异Chrome、Firefox以及Safari使用的是W3C标准的盒模型，而IE使用的是传统的IE盒模型。
解决方案是使用CSS的box-sizing属性来明确指定所使用的盒模型。
```box-sizing: border-box; /*使用W3C的盒模型*/box-sizing: content-box; /*使用传统的IE盒模型*/```2. 浮动清除在IE6及其以前的版本中，浮动元素没有被正确的清除，可能会导致父容器的高度无法自适应。
解决方案是使用clearfix类或者在父容器上添加clear属性。
```.clearfix::after {content: "";display: table;clear: both;}```3. 层叠样式兼容性不同浏览器的CSS样式的优先级计算存在差异，可能导致样式覆盖问题。
解决方案是合理使用选择器和样式优先级，避免出现覆盖问题。
二、JavaScript兼容性问题1. DOM操作差异不同浏览器对于DOM操作的实现存在差异，可能导致相同的DOM操作代码在不同浏览器上出现错误。
解决方案是使用现代的DOM操作API，如querySelector、addEventListener等，或者使用框架提供的封装方法。
2. 事件处理不同浏览器对于事件处理的实现存在差异，可能导致事件处理代码在不同浏览器上有兼容性问题。
解决方案是使用框架提供的事件处理方法，如jQuery的事件处理方法，或者使用addEventListener来注册事件。
3. AJAX兼容性不同浏览器对于XMLHttpRequest对象的实现存在差异，可能导致AJAX代码在不同浏览器上无法正常工作。
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" />
兼容模式设置方法
兼容模式设置方法兼容模式是一种在网络浏览器中使用的特殊模式，用于运行过时或不符合标准规范的网页。
这种模式允许旧版网页在新版浏览器中仍能正确显示，并且与新版网页并存。
在早期使用兼容模式的时候，主要是因为存在很多采用旧的网页代码设计的网站，这些网站可能无法在新版浏览器中正常显示。
为了解决这个问题，浏览器引入了兼容模式，它可以模拟旧版的浏览器行为来正确的显示这些旧版网站。
在新版浏览器中设置兼容模式的方法有很多种，具体取决于所使用的浏览器类型及版本。
以下是几种常见浏览器中设置兼容模式的方法：1. Internet Explorer浏览器：- 在浏览器菜单栏中选择“工具”。
- 在下拉菜单中选择“Internet选项”。
- 在弹出窗口的顶部选择“高级”选项卡。
- 在“设置”区域中找到“浏览器模式”和“文档模式”。
- 在两个下拉框中可以选择所需的兼容模式。
2. Microsoft Edge浏览器：- 在浏览器地址栏中输入"edge:flags"并按回车键进入实验模式。
- 在搜索框中输入"Document Mode"，找到“Enable Document Mode”选项。
- 选择所需的兼容模式，如"IE10"或"IE11"。
- 点击“重启浏览器”按钮使设置生效。
3. Google Chrome浏览器：- 在浏览器地址栏中输入"chrome:flags"并按回车键进入实验模式。
- 在搜索框中输入"Document Mode"，找到“Enable Document Mode”选项。
- 选择所需的兼容模式。
- 重新启动Chrome浏览器以使设置生效。
4. Mozilla Firefox浏览器：- 在浏览器地址栏中输入"about:config"并按回车键进入配置页面。
- 在搜索框中输入"compat"，找到“dom.webidlpatibility_mode.enabled”选项。
页面缩放兼容性处理方法（zoom,Firefox火狐浏览器）
页⾯缩放兼容性处理⽅法（zoom,Firefox⽕狐浏览器）1、页⾯缩放⽤到的技术点（1）zoomzoom：normal | <number> | <percentage>默认值：normal适⽤于：所有元素继承性：有可以使⽤⽤浮点数和百分⽐来定义缩放⽐例。
zoom的兼容性：firefox 全系列不⽀持。
（2）transformtransform:scale(1.1,1.1);scale(x,y) 定义 2D 缩放转换。
transform 属于CSS3属于，其兼容性：IE6-8不⽀持。
2、页⾯缩放⽰例代码<!DOCTYPE html><html><head><meta charset="utf-8" /><title>页⾯缩放兼容性处理（zoom,Firefox⽕狐浏览器）</title><style>* {margin: 0;padding: 0;font-size: 14px;font-family: "microsoft yahei";box-sizing: border-box;}p {text-indent: 2em;line-height: 25px;}.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}</style></head><body><button type="button" id="pageBig" class="btn">页⾯放⼤</button><button type="button" id="pageSmall" class="btn">页⾯缩⼩</button><p>前端对于⽹站来说，通常是指，⽹站的前台部分包括⽹站的表现层和结构层。
Firefox和IE兼容性问题
IE火狐浏览器兼容问题大全1.最简单的鼠标移过手变型的css要改了cursor:pointe r;/*Firefo x不支持c u rsor:hand*/ dw8下面自动出来的也没有han d这个属性了，标准的是po inter2.Firefo x不支持滤镜最常见的半透明不支持。
filter: Alpha(Opacit y=50); /* for IE */opacit y: .5;/* for Firefo x */style="-moz-opacit y:0.5; filter:alpha(opacit y=50);cursor:hand;"onmous eover="this.style.MozOpa city=1;this.filter s.alpha.opacit y=100" onmous eout="this.style.MozOpa city=0.5;this.filter s.alpha.opacit y=50"3.Firefo x不支持e x pres sion例如去掉链接的边框要分别写不同的cssa,area { blr:expres sion(this.onFocu s=this.blur()) } /* for IE */:focus{ outlin e: none; } /* for Firefo x */4.Firefo x不支持d iv滚动条的颜色设置，目前还没有找到替换的好方法。
.conten div {positi on: absolu te; left: 0px; top: 10px; width: 580px;height: 135px;line-height:120%;text-align:left; font-family:"宋体";word-break: break-all; color:#6D6E71; OVERFL OW-Y:auto;OVERFL OW-X:no;SCROLL BAR-ARROW-COLOR: red; SCROLL BAR-TRACK-COLOR:F6F6F6;SCROLL BAR-FACE-COLOR:#F6F6F6;SCROLL BAR-SHADOW-COLOR:#F6F6 F6;SCROLL BAR-DARKSH ADOW-COLOR:#F6F6F6;SCROLL BAR-3DLIGH T-COLOR:#F6F6F6;SCROLL BAR-HIGHLI GHT-COLOR:#F6F6F6;}这个在Fir efox里面完全没有效果了。
浏览器不兼容原因及解决方案
浏览器间不兼容原因及解决办法网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了,因为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不识别，屏蔽IE6select { display /*屏蔽IE6＊/:none;}这里主要是通过CSS注释分开一个属性与值,注释在冒号前。
6、仅IE6与IE5不识别，屏蔽IE6与IE5select/**/ { display /＊IE6,IE5不识别＊/：none；}这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。
关于浏览器兼容问题的解决办法，全部都在这里了
关于浏览器兼容问题的解决办法，全部都在这⾥了⽬前，最为流⾏的浏览器共有五个：分别是ie,Edge浏览器（属于微软），⽕狐，⾕歌（chrome）Safari和Opera五⼤浏览器。
这五⼤浏览器分别有各⾃的浏览器内核，下⾯介绍以下各个浏览器的内核（包括⼀些国内的浏览器）：Trident内核：IE ，360，，猎豹，百度；Gecko内核：⽕狐----------->这个浏览器内核是开源的浏览器内核，插件⾮常多，-------------->缺点：打开速度慢（加载flash插件）<-----额外介绍----->。
Webkit:遨游，苹果，symbian；Bink:chrome浏览器，⼤部分国产浏览器最新版本都采⽤Blink；由于这些浏览器的内核不相同，因此，他们的对编辑页⾯的⼀些属性的⽀持也有所不同，接下来，我就谈⼀谈在解决浏览器兼容⽅⾯的见解：⾸先是关于innerText和textContent的问题的见解：innerText ⾕歌，⽕狐和IE8都⽀持低版本的⽕狐不⽀持innerTexttextContent在IE8中的结果是undefined；textContent在⾕歌和⽕狐中⽀持；这些内容是必须知道的，也是以后解决兼容性问题的引⼦或者思路，同时也是基础。
在解决浏览器兼容性的问题上⾯，⾸先，可以通过获取浏览器的版本来判断这个浏览器是不是⽀持这个属性，但是这种办法⾮常的⿇烦。
具体做法是：我要在⼀系列的信息中找到这个浏览器版本⾥⾯的具体是什么样的，然后⽤正则表达式去匹配，然后确定这个浏览器⾥⾯具体⽤的什么东西。
这就是整个的内容，所以，相当的⿇烦。
当然，获取浏览器版本的代码很简单，就⼀句话，⼀⾏代码，但是仅仅是为了判断这个浏览器是不是⽀持这个属性，是不是放在这⾥好像有点⼉⼤材⼩⽤了。
因此，就直接判断这个浏览器⾥⾯是不是⽀持这个属性就可以了。
为了解决这个不兼容的问题，我们可以编辑以下代码来解决上述问题：1//任意元素都可以设置成⽂本内容----------因此把“任意”元素当成对象（element）传递到函数中23//element---->任意元素4//text--->任意⽂本内容5function setInnerText(element,text) {6if(typeof (element.textContent)=='undefined'){//是IE8浏览器7 element.innerText=text;8 }else{9//浏览器⽀持textContent这个属性10 element.textContent=text;11 }12 }131415//获取任意元素中的⽂本内容16function getInnerText(element) {17if(typeof (element.textContent)=="undefined"){18//如果浏览器不⽀持textContext这个属性则返回innerText的值19return element.innerText;20 }else{21//如果浏览器⽀持textContext属性,则直接返回该属性的值22return element.textContent;23 }24 }上述代码就可以解决innnerText和textContent在各个浏览器之间不兼容的问题（上述代码⽬前只在⾕歌，⽕狐，IE8版本上⾯测试，以后还会在其他的浏览器的不同版本上⾯测试，测试结果还会不断的更新，尽请期待）。
Firefox 使用、设置和常见问题的解决方法
1. 为什么下载的Firerfox无法安装？2. Firefox启动太慢，并且占用了太多的系统资源，是怎么回事？3. Firefox 浏览网页时，不停地抖动？4. 为何无法保存工具栏设置（每次重启 Firefox 工具栏变成默认状态）？5. Firefox使用中出错，把它卸载后重装，问题依旧，怎么办？6. Firefox原本正常，但不知为何无法启动了？7. 为何Firefox无法访问网络？8. 如何让‘网址／书签’在新标签中打开（单窗口多页面浏览）？9. Firefox的安全模式（safe mode）是什么？10. 如何将 Firefox 设为默认浏览器？11. 如何在firefox中使用以前保存的网页?12. 如何备份Firefox的书签？13. 如何自定义 Firefox 书签的存放路径？14. 如何将IE收藏夹和Firefox书签相互转移？15. 能否让 Firefox 和 IE 共享收藏夹？16. 如何实现网址缩写的功能？17. 怎样自定义 Firefox 工具栏？18. 怎么改书签工具栏的默认文件夹?19. 怎样删除多余的搜索引擎？20. Firefox崩溃时出弹出一个名为Talkback的程序，这是什么？21. 为何打开 Firefox 后，浏览器下方显示出一排红色字体？22. 如何完全卸载Firefox？23. 原本正常的Firefox出现严重问题时该如何处理？24. Firefox取代 IE 成了默认浏览器，如何改回来？25. 在哪儿提供了 Firefox 的源代码下载？26. Releases 版和 Nightly 版有什么不同?27. Mozilla Suite和FireFox有什么区别？28. 访问部分网页出现错误或“请使用IE5/6浏览”的提示信息，该怎么办？29. 浏览一些网页时，部分中文字很小而且难看？30. 为什么Firefox不能正常浏览部份网页？31. Firefox播放在线视频、音频的解决方法32. 如何保存网页中的Flash？33. 局域网用户，Firefox 应该怎样设置代理服务器？34. 如何选择性删除地址栏记录、搜索框记录？35. Firefox是否可以自动滚屏？36. 在导航工具栏的google搜索框中输入内容后不搜索，只打开google界面，如何解决?37. 如何解除网页对鼠标右键的限制？38. 如何让Firefox支持ed2k:///协议？39. 为何网上银行无法登录，无法输入密码？40. 去哪里下载Firefox的插件、搜索引擎、扩展、主题？41. 如何调整搜索框中搜索引擎的显示顺序？42. 扩展（Extexsions）和插件（Plugins）有什么区别？43. 如何安装扩展和主题？44. 有些扩展在Firefox升级后不能安装？45. 为什么把.xpi文件拖进弹出窗口之后，等了很久也没有反映呢？请告诉我问题出在那里了？46. 为什么FireFox安装了几个扩展或主题后启动速度明显变慢?47. 为什么右键的flashgot选项是灰色的，不能用？48. 为何用 Launchy 无法调用迅雷进行下载？怎样在Firefox中调用迅雷？49. Firefox能不能象 MYIE2/Maxthon 一样,支持鼠标拖曳网页中的链接在新标签页打开?50. 如何更改和定制 Firefox 的快捷键？51. 怎样实现双击关闭标签？52. 装了 mozactivex-ff（Mozilla ActiveX Plugin）后如何卸载它？53. 页面另存为的名字问题，不管选择html，还是txt，名字都是index.php.htm，能不能像IE一样根据tab自动改名呢？54. 有很多网站提供的rss不能自动订阅,能介绍一下具体订阅方法吗？55. 怎么我装了compact menu后，右键菜单里没有？56. 如何把Ctrl+Shift+Enter添加的改为？57. firefox 的侧边栏能否隐藏？58. 有些扩展无法卸载，该怎么处理？59. 无法显示网页中的Flash，需要安装什么？60. 如何卸载 Flash 插件？61. 为何在安装 QuickTime 后，Flash的连接处理程序变成了 QuickTime ，如何改回去？62. 怎样安装Java Runtime Environment？63. Linux下如何用 Firefox 播放流媒体？64. 如何自定义 Firefox 的缓存（临时文件）位置？65. 怎样将默认的内置搜索引擎由google改为百度？66. 如何让打开的新标签和书签在后台载入？67. 如何增加鼠标卷动的行数？68. 如何关闭用Firefox下载完软件后右下角弹出的完成提示？69. 怎样才能让firefox不出现"安装插件"（如询问是否下载 Flash 插件）的提示条？70. Linux下如何点击中键关闭标签页?71. 如何删除about:config里自定义的选项？72. 什么地方有较为完整的about:config说明?73. 个人配置文件夹保存在什么地方？74. 个人配置文件夹（profile）中有什么，为什么很重要？75. Firefox 有哪些about:xxxxxx？76. 如何打开配置文件管理器（如何新建配置文件）？77. 在创建了多个配置文件（profile）的情况下，在启动时如何直接使用不同的配置文件？78. 如何完整的备份Firefox的所有设置？79. 怎样把标签移到下方？80. 在XP下的Firefox如何用XP默认的外观?81. 怎样把FIREFOX顶端的菜单栏去掉？82. 标签框太长了，怎么改短一点？83. 如何调整搜索栏的长度？84. 为什么有时会出现警告说连接超时？85. Firefox 自动升级后，或扩展更新后，Firefox 的界面由中文变成了英文，如何改回来？86. 如何调整搜索框中搜索引擎的显示顺序？1.问：为什么下载的Firerfox无法安装？答：Windows下安装Firefox时报告7-zip出错，这一般是安装文件被损坏或者下载不完全，解决方法是请换个下载软件或直接重新下载Firefox。
火狐兼容问题总结
火狐兼容问题总结问题一：最简单的鼠标移过手变型的css要改了cursor:pointer;/*FireFox（火狐）不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了，标准的是pointer问题二：FireFox（火狐）不支持滤镜最常见的半透明不支持。
filter: Alpha(Opacity=50); /* for IE */opacity: .5;/* for Firefox */style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand;"onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"问题三：FireFox（火狐）不支持expression 例如去掉链接的边框要分别写不同的cssa,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ :focus { outline: none; } /* for Firefox */问题四：FireFox（火狐）不支持div滚动条的颜色设置，目前还没有找到替换的好方法。
.contendiv {position: absolute; left: 0px; top: 10px; width: 580px;height: 135px;line-height:120%;text-align:left; font-family:"宋体";word-break : break-all; color:#6D6E71;OVERFLOW-Y:auto;OVERFLOW-X:no;SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-COLOR:#F6F6F6;}这个在FireFox（火狐）里面完全没有效果了。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《firefox与IE 浏览器兼容整理方案》keywords: javascript;css;firefox;ie;区别1. document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.解决方法:统一使用[]获取集合类对象.3.自定义属性问题说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.解决方法:统一通过getAttribute()获取自定义属性.4.eval("idName")问题说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id 为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.5.变量名与某HTML对象ID相同的问题说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.6.const问题说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方法:统一使用var关键字来定义常量.7.input.type属性问题说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写.8.window.event问题说明:window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用. Firefox必须从源处加入event 作参数传递。
Ie忽略该参数，用window.event来读取该event。
解决方法:IE&Firefox:Submitte d(event)"/> …<script language="javascript">function Submitted(evt) {evt=evt?evt:(window.event?window.event:null);}</script>9.event.x与event.y问题说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even 对象有pageX,pageY属性,但是没有x,y属性.解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.10.event.srcElement问题说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性.解决方法:使用obj(obj = event.srcElement ? event.srcElement :event.target;)来代替IE下的event.srcElement或者Firefox下的event.target. 请同时注意event的兼容性问题。
11.window.location.href问题说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.解决方法:使用window.location来代替window.location.href.12.模态和非模态窗口问题说明:IE下,可以通过showModalDialog和showModelessDialog打开模态和非模态窗口;Firefox下则不能.解决方法:直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener 来访问父窗口. 例如：var parWin = window.opener;parWin.document.getElementById("Aqing").value = "Aqing";13.frame问题以下面的frame为例：<frame src="xxx.html" id="frameId" name="frameName" />(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)，可以在frme中使用parent来访问父窗口。
例如：parent.document.form1.filename.value="Aqing";14.body问题Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body 则必须在body标签被浏览器完全读入之后才存在.15. 事件委托方法IE：document.body.onload = inject; //Function inject()在这之前已被实现Firefox：document.body.onload = inject();16. firefox与IE的父元素(parentElement)的区别IE：obj.parentElementfirefox：obj.parentNode解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.17.cursor:hand VS cursor:pointerfirefox不支持hand，但ie支持pointer解决方法: 统一使用pointer18.innerText在IE中能正常工作，但是innerText在FireFox中却不行. 需用textContent。
解决方法:if(navigator.appName.indexOf("Explorer") > -1){document.getElementById('element').innerText = "my text";} else{document.getElementById('element').textContent = "my text";}19. FireFox中设置HTML标签的style时，所有位置性和字体尺寸的值必须后跟px。
这个ie也是支持的。
20. 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);21. padding 问题padding 5px 4px 3px 1px FireFox无法解释简写,必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;22. 消除ul、ol等列表的缩进时样式应写成:list-style:none;margin:0px;padding:0px;其中margin属性对IE有效，padding属性对FireFox有效23. CSS透明IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
24. CSS圆角IE：不支持圆角。
FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-rad ius- bottomright:4px;。