html兼容模式下不显示图片,html 兼容性问题及一些处理方法（1）

兼容性问题：

计算一定要精确要要让内容的宽度超出我们设置的宽高，在IE6下，内容会撑开设置好的宽高；；

在IE6元素浮动，如果宽度需要内容撑开，就给里面的块元素都加浮动；

在IE6，7下元素要通过浮动并在一行，就给这行元素都加上浮动；

注意标签嵌套规范；

IE6下最小高度问题，在IE6下元素的高度小于19px时，游览器会将其当做19px来处理，接解决办法：overflow：hidden；

1 px dotted在IE下不支持；至少大于等于2px；解决办法截图片平铺；

在IE6下解决margin传递要触发haslayout，在IE6下父级有边框的情况下，子元素的margin值消失了，解决办法还是去触发haslayout，尽量触发haslayout写上zoom：1；

IE6下双边距问题margin值，在IE6下，块元素有浮动或横向的margin值会被放大成两倍，解决办法：display:inline;

margin-right 一行右侧第一个元素有双边距，margin-left 一行左侧第一个元素有双边距；

在IE6,7下，li本身没浮动，但li的内容有浮动，li下边就会产生一个间隙，解决办法：1.给li加浮动 2.给li加垂直的对其方式vertical-algin:top;

在IE6下最小高度问题，和li的间隙问题共存的时候，给li加浮动；

当一行子元素占有的宽度之和和父级的宽度相差3px，或者不满行状态的时候，最后一行子元素的下margin在IE6下就会失效

IE6下的文字溢出BUG，子元素的宽度和父级的宽度相差小于3px的时候，两个浮动元素中间有注释或者内嵌元素，解决版本：用div将注释和内嵌元素包起来

当浮动元素和绝对定位元素是并列关系的时候，在IE6下绝对元素会消失，解决办法：给定位元素外面包个div

在IE6，7下，子元素有相对定位的话，父级的overflow就包不住子元素了，解决办法：给父级也加相对定位；

在IE6下绝对定位元素的父级宽度时奇数的时候，元素的right值和bottom值会有1px的偏差。

不要给Tbody和Thead 加样式，IE6下不兼容；

在IE6，7下输入类型的表单控件上下各有1px的间隙；解决办：给input加浮动；

在IE6，7下输入类型的表单控件加border：none；无效果；解决办法给input重新加背景

在IE6，7下输入类型的表单控件输入文字的时候背景图片会跟着一块移动；解决办法：加给父级，清除自己的background：none，父级宽度和自己宽度相同;

IE6下png图片拼接问题，会将透明图片变成不透明，使用JS来进行处理；

在IE6下没在important 后加同一样的样式，会破坏掉important的作用，按照默认的优先级顺序来走；

在IE6下用margin的负值超出父级的部分都会被屏蔽掉,可以采用定位元素来处理

a标签的伪类才全兼容

元素的宽度由内容撑开

display:inline;

display：inline-block；

float

position:absolute

position:fixed 不兼容

border-radius:10px 圆角

百万级别访问量的问题：

css精灵减少网站图片的返回请求次数

html兼容模式下不显示图片,html 兼容性问题及一些处理方法（1）相关推荐

html兼容模式下不显示图片,HTML 邮件兼容问题与解决方案
HTM年有这只制明个手近天点里要它出水机近天点L 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理,不会 ...
360浏览器兼容模式下页面显示异常（出现不改出现的HTML标签）
在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶 ...
vue在IE和360兼容模式下无法显示问题
360兼容模式下报错:[vuex] vuex requires a Promise polyfill in this browser. 原因: 360浏览器中包含了两个浏览器一个是IE(Triden ...
360浏览器兼容模式下站点显示不正常，极速模式正常
1.可能跟客户端浏览器设置有关,因为360兼容模式使用的是IE内核,所以要排查IE相关设置(重点:安全站点) 2.可能是脚本或样式中不兼容语法,比如ES6,需要修改脚本或样式特此记录一下!!!!!!
解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
vue项目中，360浏览器兼容模式下部分页面显示不出来
1.问题在项目中引用了百度地图,但是在360浏览器的兼容模式下无法显示兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的'兼容'二字 2.解决告诉浏览器最少使用IE11的内核去 ...
360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？
问题最近遇到一个验证码出不来的问题,在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,效果如下: 这个验证码的代码元素如下,是一张图片,由接口提供的一个图片链接,返回的是文件流. ...
css在兼容模式下无法引用_如何在CSS中使用深色模式
css在兼容模式下无法引用 by Frank Lämmer 由FrankLämmer 如何在CSS中使用深色模式 (How to get dark mode working with CSS) I h ...
360浏览器兼容模式下IE内核版本
问题最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...

html兼容模式下不显示图片,html 兼容性问题及一些处理方法（1）

html兼容模式下不显示图片,html 兼容性问题及一些处理方法（1）相关推荐

最新文章

热门文章