html css的代码如何让它兼容到ie9浏览器,最简单的方法?

如题所述

    百度源代码解决IE的兼容问题

    <!Doctype html>

    <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml>

    <head>

    <metahttp-equiv=Content-Typecontent=“text/html;charset=utf-8″>

    <metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7>

    <title>百度一下,你就知道</title>

    <script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script>

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

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

一、如何调试 IE 浏览器?

1.IE7以上版本可以按F12直接打开开发者调试工具进行调试。
2.安装虚拟机。
3.利用设置元素border: 1px solid red; outline: 1px solid red;进行调试。

二、什么是CSS hack?在 CSS 和 HTML里如何写 hack?在 CSS 中 ie6、ie7的 hack 方式?

1.CSS hack由于不同厂商的浏览器,比如IE、Firefox、Chrome等,或者同一厂商不同版本,比如IE6和IE7对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。简单的说,CSS hack的目的就是使你的CSS代码兼容不同的浏览器。
当然,我们也可以反过来利用CSS hack为不同的版本浏览器定制编写不同的CSS效果。

2.CSS hack大致有三种表现形式,分别是CSS属性前缀法、选择器前缀法、IE条件注释法(即HTML头部引用if IE)。
在实际的项目中CSS hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

    CSS属性前缀法(即类内部Hack):例如IE6能识别下划线"_"和星号"*";IE7能识别星号"*",但是不能识别下划线"_"。

    选择器前缀法(即选择器Hack):例如IE6能识别选择器*html.css{},IE7能识别+html.css{}或者*:first-child+html.css{}。

    IE条件注释法(即HTML条件注释Hack):针对所有IE(注:IE10+已经不在支持条件注释);针对IE6及一下版本,这类hack不仅对CSS生效,对写在判断语句里的所有代码都会生效。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-05-15
用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题。
在网站前端写代码的过程中,很多时间IE各个版本的兼容问题很难整。现在百度与谷歌都有了一行解决这种兼容性的代码了。如下面的。
办法一
百度也应用了这种方案去解决IE的兼容问题
百度源代码如下
1 <!Doctype html>
2 <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml>
3 <head>
4 <metahttp-equiv=Content-Typecontent=“text/html;charset=utf-8″>
5 <metahttp-equiv=X-UA-Compatiblecontent=IE=EmulateIE7>
6 <title>百度一下,你就知道</title>
7 <script>varwpo={start:newDate*1,pid:109,page:‘superpage’}</script>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码!
这句话的意思是强制使用IE7模式来解析网页代码!
在这里送上几种IE使用模式!
8 <metahttp-equiv=“X-UA-Compatible”content=“IE=8″>
2. Google Chrome Frame也可以让IE用上Chrome的引擎:
9 <metahttp-equiv=“X-UA-Compatible”content=“chrome=1″/>
3.强制IE8使用IE7模式来解析
10 <metahttp-equiv=“X-UA-Compatible”content=“IE=EmulateIE7″><!– IE7 mode –>
11 //或者
12 <metahttp-equiv=“X-UA-Compatible”content=“IE=7″><!– IE7 mode –>
4.强制IE8使用IE6或IE5模式来解析
13 <metahttp-equiv=“X-UA-Compatible”content=“IE=6″><!– IE6 mode –>
14 <metahttp-equiv=“X-UA-Compatible”content=“IE=5″><!– IE5 mode –>
5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如:
15 <metahttp-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模式(推荐)
16 <!–[if lt IE 7]>
17 <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script>
18 <![endif]–>
使IE5,IE6,IE7兼容到IE8模式
19 <!–[if lt IE 8]>
20 <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script>
21 <![endif]–>
使IE5,IE6,IE7,IE8兼容到IE9模式
22 <!–[if lt IE 9]>
23 <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
24 <![endif]–>本回答被提问者和网友采纳
相似回答