IE的兼容性问题及其解决

2020-11-26 23:43:37 15 收藏
分类专栏： html5 前端 文章标签： html ie
最后发布:2020-11-26 23:43:37首次发布:2020-11-26 23:43:37
版权声明：本文为博主原创文章，遵循<a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener"> CC 4.0 BY-SA </a>版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52583582/article/details/110210616
版权
1、ie8下图片边框问题（经常遇见）
<a>
   <img src="">
</a>

解决办法：reset.css
img {
    //取消默认添加的边框
    border:none;
}

在这里插入图片描述

2. ie8下透明度问题（经常遇见）

其他浏览器
在这里插入图片描述

背景透明, 内容不透明
background-color:rgba(0,0,0,.3)
背景和内容一起透明
opacity:0-1; 0是完全透明 （消失）  1是不透明
ie8下透明度显示效果:

在这里插入图片描述
在这里插入图片描述

已标记关键词 清除标记
浏览器兼容性问题解决方案 · 总结
逆夏的博客
08-29 3万+
浏览器兼容性问题解决方案 · 总结普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。Normalize.css不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。当然，你也可以定制属于自己业务的 re
表情包
插入表情
还能输入1000个字符 “速评一下”
Firefox和IE兼容性问题及解决方法
Fred Lee的程序人生
10-08 1584
在开发多语言java 网站的过程中，发现不少FF中可以正常运行的代码，可是在IE中不行，反之亦然。IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下： 1.兼容firefox的 outerHTML，FF中没有outerHtml的方法。 if (window.HTMLElement) { HTMLElement.prototype.__defineSetter_
前端常见的浏览器兼容性问题及解决方案
瑜点
03-22 4万+
市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核：常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器Trident内核，也成为IE内核Chrome浏览器Webkit内核，现在是Blink内核Firefox浏览器Gec...
ie11兼容问题汇总及解决方案
jingyuandi的博客
06-04 1万+
最近的项目涉及ie11的兼容，简直是各种奇葩问题扑面而来。为了加强记忆或者给其他小伙伴福利，赶紧汇总记录了下来： 1.样式问题：部分属性iE不兼容，例：   a.    white-space: nowrap ：nowrap 不生效   解决方法：添加一行样式： word-break: keep-all   b.    inherit 属性不生效、避免在ie中使用该属性 2.原生js部分属性...
关于浏览器兼容struts2标签问题
01-28
我网站里面的图片地址都是用struts2的标签<s:text>来表现的。例如:<img src="<s:text name="img.uri"/>/prdimg/001.jpg">..这样是为了统一图片服务器的地址.. 但是现在出现的问题是.我们老大他的笔记本访问到网站后出现无法看到图片.我直接查看网页源文件,结果发现所有图片地址都变为了 <img src="img.uri/prdimg/XXX.jpg">。。貌似是没有识别出来struts2的<s:text>标签 但是我们所有同事的电脑无论是什么浏览器打开网站看都是正常的。 值得说的是我们老大的笔记本装的是韩版windows，IE也是韩版的ie6。。 我初步估计是防火墙或者是浏览器拦截了什么。但是其他网站他打开又是正常的。 特请教一下问题出在哪~
IE8兼容性问题及解决方案
随心而作
08-09 1万+
前言 最近在做一个项目，要求是兼容IE8，还要兼容1280屏幕分辨率，写页面其实还好，就是这个IE8贼恶心，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。先来说一说我遇到的IE8不支持的哪些css属性吧 1，background不支持连写 background:url(../img/background.png) no-repeat -580px 0/auto 100%; *...
IE6-IE11兼容性问题列表及解决办法总结
weixin_33742618的博客
03-02 250
相比IE6-IE9那版，主要添加IE10和IE11的新变化。 以下是目录及下载链接： 目录 概述 2 第一章：HTML 3 第一节：IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素，会自动添加结束标记。 3 2. 支持格式正确的有效标记，不再支持格式错误的 HTM...
CSS常见兼容性问题及解决办法汇总
香蕉程序猿
10-03 2962
我们都知道，不同版本浏览器对css的解析是有些分别的，特别是IE6，和IE7.虽然现在使用老版本的人数不多，但是还是有部分人在使用，我们并不能完全忽略这群用户。如下所示：我们还是应该了解一下这些浏览器兼容问题。 问题一：在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动（不然会出不在同一行） 问题二：在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动； 问题三
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
流年轻逝
12-15 3505
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题  百度源代码如下 http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>; 百度一下，你就知道 var wpo={start:new Date*
IE8,IE7兼容问题整合
桂小Z
05-16 1426
最近调IE8以下程序调的想死，掺和着数据处理，各种问题出现，现做出归纳整理。
Bootstrap关于IE678兼容方法
cjx的前端旅程
08-01 1379
搞前端以来一直没有遇到过比较大的兼容问题，在上个星期开发一个用Bootstrap的网站时终于遇到了/(ㄒoㄒ)/~~特此记录一下 这次的项目网站采用Bootstrap作为样式库，因为开发前没有先仔细了解Bootstrap对浏览器的支持，导致到了测试阶段才发现这个框架居然是不支持IE678的。这里需要自我反省下，也提醒像我一样的新手们。还好，Bootstrap在国内已经有很多前辈们使用过，有了兼容
web前端，兼容IE6有以下BUG的解决方法
逝去的鸣人
04-14 742
1.双边距BUG float引起的 使用display 2.3像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active 4.Ie z-index问题 给父级添加position:relative 5.Png 透明 使用js代码 改 6.Min-height 最小高度
超全的IE兼容性问题及解决方案
weixin_34390105的博客
04-08 42
1.怪异盒模型：在老版本IE下不设置文档声明，页面就会进入怪异盒模型解析，所以要设置文档声明； 2.IE6下，子元素的宽高超出父级的宽高 ：可以把父级设 置好的宽度撑开 3.在IE6下，块属性元素的高度小于19px：高度会按照19px显示处理 （解决办法：overflow: hidden; 把显示于高度之外的多余部分不显示) 4.在chrom下，文字大小小于12px：文字大小最小只能设置12px...
IE6兼容性问题及解决办法汇总
苍穹之上倚天长鸣的博客
05-01 426
1、IE6怪异解析之padding与border算入宽高  原因：未加文档声明造成非盒模型解析  解决方法：加入文档声明  2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）  解决方法：display:inline  3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面
开发过程遇到的IE兼容性问题以及解决方案
随心的博客
08-18 539
IE与谷歌的兼容性问题 以及怎么判断浏览器类型
常见的浏览器兼容性问题和解决方法
远方
12-16 364
1.不同浏览器的标签，默认的margin和padding不同。 解决方案：css开头加一行*{margin:0;padding:0}或者设置每个标签的{margin：0;padding:0} 2.在块属性标签float后，有横向的margin的情况下，在IE6下显示的margin比设置的大， 解决方案：在float的标签样式控制中加入display:inline;将其转化为行内属性。 3.设置较小...
jd抢购茅台脚本文件
01-04
抢购茅台抢购茅台抢购茅台
python 随机森林算法及其优化详解
09-19
主要介绍了ptyhon 随机森林算法及其优化详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页