下载 >  网络技术 >  网管软件 > 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

2013-06-11 上传大小:6KB
分享
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案

百度也应用了这种方案去解决IE的兼容问题

百度源代码如下
<!Doctype html> 
<html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> 
<head> 
<meta http-equiv=Content-Type content=“text/html;charset=utf-8″> 
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> 
<title>百度一下,你就知道 </title> 
<script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script>

<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>

可以打开百
                            度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码!

这句话的意思是强制使用IE7模式来解析网页代码!

在这里送上几种IE使用模式!
<meta http-equiv=“X-UA-Compatible” content=“IE=8″>

2. Google Chrome Frame也可以让IE用上Chrome的引擎:
<meta http-equiv=“X-UA-Compatible” content=“chrome=1″ />

3.强制IE8使用IE7模式来解析
<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –> 
//或者 
<meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –>

4.强制IE8使用IE6或IE5模式来解析
<meta http-equiv=“X-UA-Compatible” content=“IE=6″><!– IE6 mode –>    
  
<meta http-equiv=“X-UA-Compatible” content=“IE=5″><!– IE5 mode –> 

5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:
<meta http-equiv=“X-UA-Compatible” content=“IE=5; IE=8″ />

二.设定网站服务器以指定预设兼容性模式

如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。

录入,下列的 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模式(推荐)
<!–[if lt IE 7]> 
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script> 
<![endif]–>

使IE5,IE6,IE7兼容到IE8模式
<!–[if lt IE 8]> 
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script> 
<![endif]–>

使IE5,IE6,IE7,IE8兼容到IE9模式
<!–[if lt IE 9]> 
<script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script> 
<![endif]–>

解决PNG显示问题

只需将透明png图片命名为*-trans.png

需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器                        
...展开收缩
综合评分:4
开通VIP 立即下载

评论共有4条

SOFT小鸟 2016-06-21 11:12:36
纯属骗人,大家别相信
lingkac 2014-12-17 11:38:22
一般般,内容和百度其他内容一模一样
camelkingdw 2014-04-14 10:55:37
有些帮助,但是分有点高了
 
一行代码解决各种IE兼容问题 立即下载
积分/C币:3
div+css兼容性 立即下载
积分/C币:3
IETester测试工具 立即下载
积分/C币:3
IE多版本模拟器 立即下载
积分/C币:3
div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法 立即下载
积分/C币:3
兼容多种IE的javascript日期控件 立即下载
积分/C币:5
集合了IE6、IE7、IE8、IE9核心,可以单独测试不同IE版本 立即下载
积分/C币:3
IE兼容IE6,IE7,IE8,IE9,IE10js文件 立即下载
积分/C币:3
IE Hack兼容性调整 立即下载
积分/C币:3
websocket(兼容IE8) 立即下载
积分/C币:20

热点文章

VIP会员动态

推荐下载

IE6、IE7 css 兼容
3C币 16下载
ie6升级ie7
3C币 18下载
echarts3 ie8兼容问题
3C币 36下载
关闭
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
为了良好体验,不建议使用迅雷下载
开通VIP
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: