`

CSS兼容：如何解决IE7和IE8的BUG

CSSFirefoxIEASPHTML 
阅读更多
　CSS兼容问题已经是CSS网页布局技术中的重要组成部分，也让广大的CSSer大为头疼，虽然52CSS.com介绍过不少相关的知识与技巧，但是随着IE8的越来越广泛的安装应用，对IE7和IE8的兼容问题，也颇受关注。
　　在以前的文章中52CSS.com向大家说明，IE8会是福音还是又一个光环 据称全面兼容标准。
　　http://www.52css.com/article.asp?id=684
　　今天向大家介绍如何解决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 auto\9;".这里的"\9"可以区别所有IE和FireFox.
　　"*"　IE6、IE7可以识别.IE8、FireFox不能.
　　"_"　IE6可以识别"_",IE7、IE8、FireFox不能.
分享到：
| 悟道web标准:前端性能优化
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE6, IE7, IE8 CSS 兼容速查表

    这份“IE6, IE7, IE8 CSS 兼容速查表”就是为了解决这一问题而编写的，它提供了关于这些浏览器中CSS特性的详尽对比和解决方案。 1. **CSS盒模型差异**：IE6、7采用了独特的盒模型，其中`width`属性包含了边框和内...

    CSS兼容IE6,,IE7，I8 FIREFOX

    ### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中，Internet Explorer（IE）系列浏览器由于市场份额较大...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中，针对Internet Explorer（IE）和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌，IE不再是个bug”暗示了这些技巧能帮助开发者...

    CSS浏览器兼容和IE中bug问题

    #### IE中的CSS兼容性问题及解决方案 1. **宽度显示不一致的问题** - **问题描述**：在IE6中，某些元素的实际宽度可能小于预期值。 - **解决方案**：通过CSS Hack来解决宽度显示不一致的问题。例如，当希望在IE7...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”，这揭示了在Web开发中，尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时，开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为，...

    解决ie9、ie10本地css加载不上的解决方法实例

    8. **调试工具**：利用IE9和IE10内置的开发者工具（按下F12键打开），可以查看CSS的加载状态，帮助定位问题。 通过以上方法，你应该能解决大部分IE9和IE10的CSS加载问题。当然，考虑到IE浏览器市场份额的持续下降，...

    css兼容性(IE 和 firefox)技巧大全.doc

    以上技巧是针对IE和Firefox之间CSS兼容性问题的一些常见解决策略。在实际开发中，还需要注意DOCTYPE声明的使用，以确保W3C标准的遵循。同时，随着浏览器的更新，一些旧的兼容性问题可能已经得到解决，但仍需要关注新...

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

    ### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7（IE7）与Internet Explorer 8（IE8）的兼容性支持。随着Web标准的发展与浏览器技术的进步，IE7和...

    IE5,IE6,IE7,IE8的css兼容性列表

    在互联网发展的早期，微软的Internet Explorer（IE）浏览器曾经占据主导地位，尤其是IE5、IE6、IE7和IE8这几个版本。每个版本都有其独特的特性和对CSS（层叠样式表）的支持程度，这对于前端开发者来说是必须要了解的...

    让ie兼容css选择器

    总之，ie7.js、ie8.js和ie9.js是开发者解决IE浏览器CSS兼容性问题的重要工具，它们通过JavaScript模拟现代CSS选择器的功能，使得在旧版IE中也能呈现出丰富的样式效果。然而，随着技术的进步，使用这些库的同时，也要...

    div错位解决IE6IE7IE8样式不兼容问题

    本文将详细介绍如何解决div错位问题以及针对IE6、IE7和IE8的样式不兼容解决方案。 #### 一、理解IE6、IE7、IE8的CSS渲染差异 1. **IE6的盒模型问题**：IE6在处理CSS盒模型时存在bug，导致元素的宽度计算出现问题。...

    css常见的bug（ie）

    然而，由于各个浏览器之间的实现差异，尤其是IE浏览器，开发者常常会遇到各种CSS兼容性问题。以下是一些针对IE浏览器的CSS常见bug及解决策略： 1. **浮动元素的双倍margin问题**： 在IE6中，如果一个浮动元素设置...

    div+css常见兼容性问题

    解决CSS兼容性问题的两种常见方法是： 1. 使用`!important`标记：在CSS中，`!important`可以强制应用某个样式，但这可能导致优先级混乱。例如： ```css #wrapper { width: 100px !important; /* IE7+FF */ ...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 在网页开发过程中，CSS的兼容性一直是开发者们头疼的问题，尤其是在处理不同浏览器如Internet Explorer（IE）和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧，...

    css规范_IE bug,IE与Firefox的CSS兼容问题.....整理

    本文主要探讨了针对IE浏览器，尤其是IE与Firefox之间存在的CSS兼容性问题，并提供了一些解决方案和编写高效、维护友好的CSS代码的规范。 一、使用CSS方法 遵循W3C标准编写CSS，避免使用非标准或过时的属性，这将有...

    目前比较全面的浏览器CSS BUG兼容汇总

    以上是针对IE7、6及Firefox的部分CSS兼容性问题的解决方案。在实际开发中，还需要关注其他浏览器如Chrome、Safari和Opera的兼容性，可以使用浏览器前缀、条件注释以及工具如Autoprefixer和Modernizr来帮助处理这些...

    CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar

    这份名为“CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar”的压缩包，提供了针对这些浏览器的CSS Hack解决方案，以确保在不同环境下页面的正常显示。 CSS Hack通常指的是利用浏览器解析CSS的bug或者特性，...

    ie6支持css3属性js插件包(不再为兼容性头疼)

    而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是： ie7 - js 本插件包包含 ie7.s,ie8.js,ie9.JS，可以让ie6支持到更多的css3属性， 另附上插件包使用说明和官方最新插件下载地址和...

Magicbox
Global site tag (gtag.js) - Google Analytics