CSS兼容:如何兼容IE7和IE8-Div+CSS教程

CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。
  在以前的文章中Mb5u.com向大家说明,IE8会是福音还是又一个光环 据称全面兼容标准。
  今天向大家介绍如何解决IE7和IE8的兼容性问题。

  微软在IE8提供三种解析页面的模式
  IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定
  IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">
  Quirks Modes :IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明
  注意:不同模式间的网页在IE8中可以互相 frame ,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:

<meta http-equiv="x-ua-compatible" content="ie=7" />

IE8 最新css hack:

  "9" 例:"margin:0px auto9;".这里的"9"可以区别所有IE和FireFox.
  "*" IE6、IE7可以识别.IE8、FireFox不能.
  "_" IE6可以识别"_",IE7、IE8、FireFox不能.
 

时间: 2024-08-04 14:15:39

CSS兼容:如何兼容IE7和IE8-Div+CSS教程的相关文章

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

  本文向大家简单描述一下DIV+CSS相对IE6 IE7和IE8兼容问题整理,重点介绍一下IE6 IE7和IE8等浏览器的区别和联系,相信本文介绍一定会让你有所收获. DIV+CSS相对IE6 IE7和IE8兼容问题整理 1.区别IE和非IE浏览器 以下是代码片段: #tip{ background:blue;/*非IE背景?色*/ background:red9;/*IE6.IE7.IE8背景?色*/ } 2.区别IE6,IE7,IE8,FF [区别符号]:「9」.「*」.「_」 [示例]:

css背景层半透明 内容不透明/能兼容ie6,ie7,ie8,ff

第一种效果(对应第一图)的代码如下:  代码如下 复制代码  <table>         <tr>              <td style="width:143px; height:251px;">                    <div class="shadeDiv">                          <p>这几个P标记没有放在阴影层的外面</p>    

CSS顶级技巧大放送,div+css布局必知_经验交流

字体大小使用px 在一行内声明CSS 对比下面两个: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {    font-size:18px;    border:1px solid blue;    color:#000;    background-color:#FFF;    } 第二种看起来的确格式化,但是不会在阅读上有任何帮助.写在一行内可以让你更快的找到需要的部分. 以

jquery动态加载css样式 浏览器兼容处理

个比较严重的bug:在IE6.IE7下,验证提示的样式文件加载不进来. 于是今天早上针对这个bug,测试了好多次,仍然不行,最后才发现原来是因为用jquery的方法动态加载css教程样式文件,存在兼容问题. 在jquery.skygqCheckAjaxform.1.3.js文件中原来动态加载css文件的代码是这样的: //加载css样式 if ($("link[href$=valid.css]").length == 0){  $(' <LINK href="'+set

Div+CSS设计网站利于优化

网页制作Webjx文章简介:您所在的位置:首页 网页设计 HTML/CSS/DIV Div+CSS设计网站的优点 Div+CSS设计网站的优点 2008-03-18 作者: 来源:网络 [大 中 您所在的位置:首页 > 网页设计 > HTML/CSS/DIV > Div+CSS设计网站的优点 Div+CSS设计网站的优点 2008-03-18 作者: 来源:网络 [大 中 小] 评论:0 软件: 网页设计行业从业者越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人

DIV+CSS构成的树型菜单

css|菜单 这是用DIV+CSS+JS构成的树型菜单,采用列表,符合WEB标准,在大多数WIN浏览器下,兼容性不错,xhtml见效果页,我现在做的是二个菜单,如果需要添加,可把<ul class="collapsed" id="submenuid2">......</ul>之间的内容加上去,"submenuid"加1,查看效果. CSS代码 body { margin: 0px; padding: 0; font: 12

DIV CSS网页布局中对段落进行排版的方法

css|网页 margin div css布局中段落使用<p>标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式.margin有上.下.左.右四个方向的定义,正常情况下,我们可以用一行来描述我们需要的样式. 例如:margin: 20px 8px 8px 20px; 此句分别表示了:margin-top:margin-right:margin-bottom:margin-left. 四个数值的顺序分别是:上.右.下.左.是依时12:00开始的顺时针方向. 如何上下的值一致,

重新认识网站制作过程中采用div+css的布局方式

伴随着"div+css"在互联网的流行,"网站重构"的春风吹遍了华夏大地,一时间互联网上风声鹤唳,"div+CSS"俨然已成为一种网站制作过程中采用一种布局的"时尚",数一万计的网站都不约而同地开始了自己的"网站重构".然而打开这些网站的源代码,看到哪些形形色色源代码,却时常令人哑然失笑-- 当我们看到有嵌套6.7层的div布局,有成百上千的表现css--现在关于div+css标准的书籍也是越来越多,除了极

DIV CSS解决不规则文字排版

  网页设计时遇到不规则文字排版问题,通常通常情况下我们有两种选择,但是这两种方法都不是可靠的,遇到特殊的上网设备,更不能显示出来发挥它的作用.这里向大家介绍一下使用DIV CSS解决此问题. DIV CSS解决不规则文字排版问题 我们在网页设计中,会遇到许多意想不到的情况,不规则文字排版就是其中之一了,我们该如何面对这样的排版要求呢?DIV CSS代码又该如何编写呢? 遇到这样的情况,通常情况下我们有两种选择: 1.用图片来制作,并应用热区制作链接,这样的方式可以很方便的解决问题,但对搜索引擎

前端DIV+CSS命名规范大全

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 一.命名规则说明:   -   TOP 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="div