您现在的位置是:网站首页> 编程资料编程资料
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10浅谈前端制作中,IE6还有必要兼容吗使用语义化标签去写你的HTML 兼容IE6,7,8让IE6支持兼容min-width、max-width CSS样式属性的方法兼容IE6、IE7的min-width、max-width写法Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍兼容IE6的min-width、min-height的简单方法
2021-09-05
782人已围观
简介 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题
百度源代码如下
;
可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码!
这句话的意思是强制使用IE7模式来解析网页代码!
在这里送上几种IE使用模式!
2. Google Chrome Frame也可以让IE用上Chrome的引擎:
3.强制IE8使用IE7模式来解析
//或者
4.强制IE8使用IE6或IE5模式来解析
5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:
二.设定网站服务器以指定预设兼容性模式
如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。
录入,下列的 web.config文件使Microsoft Internet Information Services (IIS)能定义一个自订标头以自动使用IE7 mode来编译所有网页。
另外还有一起其他的解决方案,例如google的
ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使 得透明PNG在IE5、IE6下正确显示。
使IE5,IE6兼容到IE7模式(推荐)
使IE5,IE6,IE7兼容到IE8模式
使IE5,IE6,IE7,IE8兼容到IE9模式
解决PNG显示问题
只需将透明png图片命名为*-trans.png
需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器。
三、
创建html5时发现这么一句话,不知其什么意思,百度如下:
这 样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。
相关内容
- 移动端网页解决CSS的active伪类无效的方法CSS :active 伪类 元素被激活时的样式 a标签的四个css伪类(link、visited、hover、active)样式理解
- 简析CSS表达式attr()的运用CSS计数器counter()的用法简介进一步理解CSS编程中的块级元素和行内元素
- CSS计数器counter()的用法简介通过CSS3的object-fit来调整图片适配尺寸的技巧简介CSS中的伪元素简介简介CSS中的各种选择符Markdown.css样式简介CSS3 Columns分列式布局方法简介定义css设备类型-Media Queries图表简介及使用方法css3背景图片透明叠加属性cross-fade简介及用法实例
- 进一步理解CSS编程中的块级元素和行内元素对行内元素和块级元素的一些认识浅谈CSS块级元素与行内元素(内联元素)的区别和联系 CSS行内元素和块级元素的居中实例分析全面了解行内元素与块级元素的区别
- 纯CSS+XHTML实现的二级导航菜单效果纯CSS实现超简单的二级下拉导航菜单代码一款纯css3实现的竖形二级导航的实例教程实列教程 一款基于jquery和css3的响应式二级导航菜单一款纯css实现的漂亮导航菜单(也适用于个人中心)简单的二级菜单导航实现css代码CSS3 二级导航菜单的制作的示例
- 基于html和CSS3制作酷炫的导航栏使用HTML+Css+transform实现3D导航栏的示例代码html+css+js实现导航栏滚动渐变效果Html5导航栏吸顶方案原理与对比实现html5 横向滑动导航栏的方法示例html+css 实现简易导航栏功能基于html和CSS3制作简单侧边导航栏使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
- DIV+CSS实现仿京东商城导航条效果div+css实现鼠标经过背景高亮的导航菜单代码div+css实现软件公司网站蓝色导航菜单代码div+css实现蓝色vista风格css导航菜单效果div+css实现仿猪八戒首页导航菜单效果DIV+CSS实现的天猫知名商家店铺导航汇总页面效果源码div+css纵向导航如何实现且为导航添加超链接
- CSS基于单张背景图实现自适应宽度的圆角菜单效果代码纯css实现蓝色圆角效果水平导航菜单代码纯CSS实现圆角折叠菜单的方法纯CSS3实现的圆角彩色多功能超酷导航菜单效果CSS3实现矩形圆角方块层叠菜单鼠标滑过突出显示效果CSS蓝色自适应宽度圆角水平导航菜单效果纯css实现支付宝下拉圆角导航菜单js+css实现圆角二级菜单
- 纯CSS实现的三级导航菜单效果代码纯CSS实现超简单的二级下拉导航菜单代码基于CSS3实现的黑色个性导航菜单效果CSS实现带阴影效果的黑色导航菜单效果div+css实现鼠标经过背景高亮的导航菜单代码div+css实现软件公司网站蓝色导航菜单代码纯css实现蓝色圆角效果水平导航菜单代码css实现适用于团购网站的橙色导航菜单代码纯CSS实现的菱形导航菜单效果代码CSS3实现银灰色动画效果的导航菜单代码
- 基于CSS实现的4级下拉菜单效果代码纯CSS实现下拉菜单的示例代码CSS3模拟动画下拉菜单效果CSS导航栏及弹窗示例代码CSS下拉菜单简单制作教程 css制作黑色经典导航下拉菜单你值得拥有的CSS下拉菜单效果CSS实现的灰色下拉菜单效果代码纯CSS实现的大型下拉菜单的示例代码