您现在的位置是:网站首页> 编程资料编程资料
针对IE浏览器的兼容问题小结避免不必要的浏览器兼容性问题的5个技巧兼容主流浏览器的CSS透明代码(必看篇)浅谈浏览器的兼容性(必看篇)关于遇到的浏览器兼容问题及应对方法(推荐)浅谈遇到的几个浏览器兼容性问题
2023-10-21
243人已围观
简介 这篇文章主要介绍了针对IE浏览器的兼容问题小结,需要的朋友可以参考下
怎么用一行代码解决CSS各种IE各种兼容问题
X-UA-Compatible:是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7 的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说,它是首选的兼容性模式。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:这样我们才能使得页面在IE8里面表现正常!
IE=6/7/8.... 指定特定版本内核
IE=edge: 默认使用最新
这是一个,文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什 么版本 IE 就用什么版本的标准模式渲染。
chrome=1:如果有装chrome就使用chrome的内核。使用以下代码强制 IE 使用 Chrome Frame 渲染
Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。
提示 IE 用户安装 Google Frame
最佳的兼容模式方案,结合考虑以上两种:
IE的兼容性问题 :
在早起IE8之前,那个时候IE浏览器还属于比较独大的情况,那个时候他有很多东西是和网络的Standard不太一样。譬如他有自己才看的懂得自定义Tag。作为那个时代,很多网站都是以那个时候的IE作为目标浏览器去写的网页。
随著时间的进步,微软意识到自己搞自己的是不行的,需要跟Web Standard一样,慢慢的以前那些旧的只属于IE有的东西就在新的IE里面没有了。
但是为了以前浏览器而设计的网站要怎么办?他们就处于很尴尬的局面,因为如果不支持很多旧网站除了会跑版以外最要命是有些功能都会有问题。
为了解决这个问题,微软在IE8以后加入了所谓的兼容性模式,也就是能够在旧的网站使用兼容性模式浏览,而一切正常,而到比较新的网站就用正常模式浏览。
听起来很棒,有问题的旧网站使用IE 兼容模式,新网站使用正常模式。但是这个有一个前提,那就是使用者要知道兼容性模式的意义和如何切换。
另外还有一起其他的解决方案,
例如google的ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。
使IE5,IE6兼容到IE7模式(推荐)
相关内容
- 深入理解css中vertical-align属性 css中text-overflow属性与文本截断详解css3基于animation属性实现的人物动画特效源码总结30个CSS3选择器 最新Edge浏览器将支持CSS自定义属性css background-attachment属性进阶css 背景固定样式background-attachment属性基础深藏的5个你可能不知道的CSS属性
- 总结30个CSS3选择器 css3之UI元素状态伪类选择器实例演示css3类选择器之结合元素选择器和多类选择器用法IE8下CSS3选择器nth-child() 不兼容问题的解决方法对CSS3选择器的研究(详解)详解CSS3中属性选择器新增加的特性CSS3中的常用选择器使用示例整理CSS3 新增选择器的实例
- CSS实现Tab布局的简单实例(必看)CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- CSS3模拟动画下拉菜单效果纯CSS实现下拉菜单的示例代码CSS导航栏及弹窗示例代码CSS下拉菜单简单制作教程 css制作黑色经典导航下拉菜单你值得拥有的CSS下拉菜单效果基于CSS实现的4级下拉菜单效果代码CSS实现的灰色下拉菜单效果代码纯CSS实现的大型下拉菜单的示例代码
- 避免不必要的浏览器兼容性问题的5个技巧针对IE浏览器的兼容问题小结兼容主流浏览器的CSS透明代码(必看篇)浅谈浏览器的兼容性(必看篇)关于遇到的浏览器兼容问题及应对方法(推荐)浅谈遇到的几个浏览器兼容性问题
- 利用CSS将网站网页变灰色代码示例用css3实现当鼠标移进去时当前亮其他变灰效果css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式网页变灰配合全国哀悼日的css代码 20100421css使图片变灰的实现方法一段css让全站变灰的代码总结
- 中国好学霸 改进了造纸术的东汉室臣 答案是谁_手机游戏_游戏攻略_
- 天天飞车赛车改装技巧_A级赛车开拓者改装教程攻略_手机游戏_游戏攻略_
- 中国好学霸 远嫁匈奴的美女叫什么名字 答案是谁_手机游戏_游戏攻略_
- 中国好学霸 大泽乡起义的领袖人物是谁 图文答案_手机游戏_游戏攻略_
