IE 兼容性问题记录

最新推荐文章于 2022-07-26 17:10:18 发布
最新推荐文章于 2022-07-26 17:10:18 发布
阅读量1.6k 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dracotianlong/article/details/21276309
版权

文档模式：

文档模式的主要作用是影响浏览器显示网页HTML的方式，在接到返回的HTML文件后，决定以哪个IE版本的文档模式解析该页面（举例来说：JS脚本就是依赖文档模式，IE9的js变化就需要IE9文档模式来支持）。


浏览器模式的主要作用是为兼容较早版本的IE，它会控制浏览器发出的UserAgent，表示以哪个版本的浏览器发出请求，以此来允许为某个特定IE版本设计的代码正确执行（举例来说：有些代码真是判断ie版本的，还有css里也有判断ie版本的）。



1、定位一个IE兼容性问题，想让IE默认使用兼容模式，并且文档模式使用IE8，或者默认以IE最高的版本运行。

2、使用的代码是

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

3、使用这个IE默认还是标准模式和文档模式是，必须要加上 <!DOCTYPE html> 或者

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


或者使用

<!-- 使用客户端当前IE的最高版本渲染机制,禁止使用兼容模式(IE9登录异常) -->

<meta http-equiv="X-UA-Compatible" content="IE=edge" />


DracoTianlong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
记录一下ie11下面的兼容性问题
weixin_40605461的博客
04-17 1056
这里写自定义目录标题兼容性问题下载问题图片的显示问题 兼容性问题 最近在处理兼容性的问题，将项目过程中遇到的兼容性问题在这里做一下记录 下载问题 download 是html5 新增的一个特性，将download属性添加在a标签上，点击a链接会直接下载文件，但是ie11 并不支持这个属性，所以兼容性的写法如下： // ajax请求后台 后台返回文件流 let filename = 's.txt...
html调整浏览器兼容性,浏览器兼容性问题整理
weixin_31124869的博客
06-09 890
最近在做网站运维的时候，碰到一个网站安全控件无法显示的问题，和同事测试了好几天终于明白了一些原理，今天随便做下记录，也分享给其他人，以便参考。浏览器兼容性问题是令我等搞前端人很头疼的问题，虽然目前的浏览器对web标准支持的较好，但是还是有不少的人固守着XP,当然XP上自带的浏览器会令人疯掉。兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增...
【解决方案】IE浏览器提示 是否停止运行此脚本？此页面上的脚本造成Intenet Explorer运行速度减慢。
小菜鸟的HelloWorld
03-11 1万+
一、问题 1.基础环境 WindowsXp、IE8 2.使用场景 Qrcode渲染二维码 3.出现问题 IE浏览器提示 是否停止运行此脚本？此页面上的脚本造成Intenet Explorer运行速度减慢。 4.原因分析 Qrcode在画布上渲染二维码，执行了比较多的JavaScript代码（个人认为）。 二、解决方案 解决方案一、 下载微软的补丁包，...
ie10 11 css兼容性问题,学习一下IE10和IE11的CSS Hack
weixin_32115711的博客
08-03 764
有IE就有hack，看看IE9的css hack，IE8的css hack；上次同事说一个页面IE10下有问题，IE9下测试了一下，也有同样的问题。悲剧了赶紧找IE10的hack。google上翻到的IE10 CSS Hacks还算比较实用的。记录一下以备后用。一、特性检测：@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的...
ie上svg的兼容问题
Fannie
11-01 4587
svg可以说是目前最火的图像文件格式了，是一种开放标准的矢量图形语言，我们可以随意改变其大小，颜色，在放大或改变尺寸的情况下其图形质量不会有所损失，相比于icon较有优势，但是，ie上会不显示svg图片就很尴尬了。我在项目中就遇到了这种问题，简单提供两种修改的思路，希望能够帮到大家，也是为了记录ie中遇到的问题。 首先这是一个简单的svg的组成<svg class="SvgIcon...
【IE常见兼容性问题】ie9\ie10\ie11中常见的html、js兼容性问题记录
jason_kr的博客
07-26 1057
IE浏览器常见兼容性问题
Safari兼容性问题总结
honeymoon_的博客
10-13 1585
这里写目录标题前言问题1. new Date(value) 前言 在这里记录自己遇到的Safari兼容性问题。 问题 1. new Date(value) safari不支持2021-01-01，而是支持2021/01/01。IE同理。谷歌两种都支持。 因此在使用new Date()时，要先进行时间格式的转换： 例如：将2021-01-01格式的时间转换为2021/01/01格式。 let newDate = myDate.split('-').join('/'); …待补充 ...
常见浏览器兼容性问题记录
Creabine的博客
06-15 967
1.360浏览器有多种模式，包含不同的内核，有时候在不同模式下网页不能正常显示（我的是在360极速浏览器安全模式下显示出错）。此时在<head>标签中加入：// <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />其中：1）「http-equiv=”X-UA-Compatible”」这个是IE8的专用标记，是用来指定Inte
css移动版兼容性问题记录
10-26
本文旨在记录常见的移动端CSS兼容性问题及其解决方案，帮助前端开发者更好地进行移动页面的开发工作。 #### 常见的CSS兼容性问题及解决方案 ##### 水平垂直居中 **方案一：Flexbox** ```css .item { display: ...
css 兼容性书写记录
09-25
在前端开发中，CSS的兼容性问题一直是一个无法避免的技术难题。随着浏览器种类和版本的多样化，确保网页在各种浏览器上都能正确显示变得更加复杂。早期，开发者常用CSS hack来解决这些兼容性问题，CSS hack是一种...
JAVASCRIPT IE 与 FF 中兼容写法记录
10-30
通过上述知识点的理解和应用，开发者们能够在编写跨浏览器的JavaScript代码时，更好地处理不同浏览器间的兼容性问题，减少由于浏览器差异带来的bug。需要注意的是，随着浏览器版本的更新，有些兼容性问题可能会得到...
IE/FireFox具备兼容性的拖动代码
10-30
这段代码是关于实现一个在IE和Firefox浏览器中都具有兼容性的拖动功能的JavaScript代码。在Web开发中，由于不同的浏览器对某些API或特性的支持不同，因此编写跨浏览器的代码是必要的。这段代码就是为了解决这个问题...
我在开发中遇到的IE兼容性问题（持续更新）
qq_39125528的博客
04-29 631
本文就是记录下自己在工作中遇到的兼容性问题，以便后面遇到同样问题方便解决。（IE兼容是真的烦） IE兼容遇到的问题 1.select在IE中样式问题 在ie中，select的样式和其他浏览器有很大不同，它的下拉图标很丑，并且点击下拉会默认以选中的option为中心，选中的option上面的其他option会出现在select上方 并且不同版本IE浏览器默认select的大小不一样 ...
style="visibility: hidden"和 style=“display:none”区别
热门推荐
Draco
08-03 3万+
style="visibility: hidden"和 style=“display:none”区别   大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。
HTML5+CSS3 表格设计（Table）
Draco
07-22 1万+
CSS样式： body { width: 600px; margin: 40px auto; font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 14px; color: #444; } table { *border-collapse: collapse; /* IE7 and lower */ bord
【技能】使用纯CSS+html写出方向箭头，简单大方，好看
Draco
04-27 1万+
使用纯CSS+html写出方向箭头，贴出来就可以用，100%原创 .pointsRule{ display: inline-block; font-size: 12px; margin-top:
IE8 滤镜效果失效［ filter:alpha(opacity=20);］
Draco
08-28 1万+
坐一个滤镜效果，CSS样式如下： .mask { width:100%; height:100%; background-color:#000 ; position:fixed; top:0px; left:0px; opacity:0.2; /* IE 8 */ filter:alpha(opacity=20); /* Firefox,Safari(WebKit),Op
CSS布局兼容性问题与解决方案
此外，描述中还提到了其他一些与IE兼容性相关的常见问题及解决方案： 1. **垂直居中**：使用`vertical-align: middle;`和`line-height`结合可以实现元素的垂直居中，但这要求内容不换行。对于div的垂直居中，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值