2023.07.11 | admin | 132次围观
一、ie6常见的问题
直接贴代码记录一下：
<html>
<head>
<meta charset="utf-8">
<title>处理兼容性问题title>
<style type="text/css">
img.bug1 {
width: 300px;
border: 0;
/* 解决bug1的方法 */
}
div.bug2 {
border: 1px solid red;
overflow: hidden;
}
.bug2 img {
width: 300px;
/* display: block; */
float: left;
}
div.bug3 {
width: 500px;
height: 300px;
background-color: orange;
float: left;
margin-top: 50px;
_display: inline;
/* _是ie6识别标志 */
}
div.bug4 {
border: 1px solid red;
*font-size: 0px;
/* *是ie6和oe7识别标志 */
/* overflow:hidden; */
}
.bug51 {
background-color: pink;
width: 50%;
height: 30px;
float: left;
}
.bug52 {
background-color: orange;
width: 50%;
height: 30px;
float: right;
}
style>
head>
<body>
<div class="bug5">
<div class="bug51">div>
<div class="bug52">div>
div>
body>
html>二、让老式浏览器兼容h5和css3（此处摘录别人笔记）
1：加载兼容文件JS
因为IE8既不支持HTML5也不支持CSS3 Media，所以我们需要加载两个JS文件浏览器兼容性问题面试，来保证我们的代码实现兼容效果：
2：设置IE渲染方式默认为最高(这部分可以选择添加也可以不添加)
现在有很多人的IE浏览器都升级到IE9以上了，所以这个时候就有又很多诡异的事情发生了，例如现在是IE9的浏览器，但是浏览器的文档模式却是IE8:
为了防止这种情况，我们需要下面这段代码来让IE的文档模式永远都是最新的：
<meta http-equiv="X-UA-Compatible" content="IE=edge">太给力了。
不过我最近又发现了一个更给力的写法：
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">怎么这段代码后面加了一个chrome=1浏览器兼容性问题面试，这个Google Chrome Frame（谷歌内嵌浏览器框架GCF），如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以最高的文档模式展现效果。这段代码我还是建议你们用上，不过不用也是可以的。
版权声明
本文仅代表作者观点。
本文系作者授权发表，未经许可，不得转载。
发表评论