美文网首页
兼容问题

兼容问题

作者: 是嗯哼小仙女呀 | 来源:发表于2020-04-22 20:54 被阅读0次

一、图片下方间隙

1、给图片设置:vertical-align:top/middle/bottom

2、给图片转块:display:block;

3、给图片的父元素设置:font-size:0;line-height:0;(缺点:需要给子元素单独设置字号和行高

二、小高度问题

在ie6及以下版本出现

解决方法:

font-size: 0;

line-height: 0;

overflow: hidden;

 

三、双边距问题

Ie6及以下版本,给浮动元素设置margin-left,第一个浮动元素会出现双倍的间距

解决方法:

_display:inline;

四、块转内联块不在一行显示

Ie7及以下出现

解决方法:

*display:inline;

*zoom: 1;

五、父元素的溢出隐藏失效

在ie6和ie7两个版本里,给子元素设置相对定位,给父元素设置溢出隐藏,父元素的溢出隐藏会失效

解决方法:给父元素设置相对定位。

六、li和li之间的间隙

在ie7及以下会出现,li的里边有两个及以上子元素,并且给子元素设置浮动

解决方法:

在li身上设置

vertical-align: top/middle/bottom;

七、三角形

在ie5和ie6里,里面的transparent颜色会被识别成黑色

解决方法:

给设置成transparent的颜色对应的边框设置成虚线 dashed

八、图片外边框

在ie8及以下版本,图片外包裹a标签,图片外有边框

解决方法:

给图片设置:border:none/0;

九、给input标签去掉蓝圈(不是兼容性问题)

input{

outline: none;

}

相关文章

  • 兼容性问题

    CSS兼容性问题PC页面布局兼容JS兼容问题移动页面兼容问题 CSS兼容问题.header {_width:100...

  • 浏览器兼容

    什么是浏览器兼容问题 为什么会有浏览器兼容问题 用到的网站 处理兼容问题的思路 渐进增强和优雅降级 stackov...

  • vue2配置axios

    axios配置源码解决兼容问题1解决兼容问题2 npm install axios -s 在main.js中进行以...

  • Unable to import maven project:

    一 版本兼容问题 1.查看日志 在Stack Overflow搜索下可知道这是maven与idea的版本兼容问题,...

  • WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

    index WEB前端开发人员须知的常见浏览器兼容问题及解决技巧 __yzp 为什么会有兼容问题? 由于市场上浏览...

  • 一个es6兼容性写法的问题

    一个解构语法兼容问题:在360(9.1.0) 上的版本里 在对象里解构对象,有兼容问题,用babel.js也不好使...

  • Bug

    object doesn't support property or method append IE兼容问题 ...

  • Android 相册图片选取(Gif,视频,图片)

    介绍 由于三方库更新慢,以及出现各种各样的机型兼容问题(大图,文件格式,华为加载慢,图片旋转,高版本URI兼容问题...

  • ie8兼容问题

    ie8中遇到的兼容问题以及解决方案 一.CSS3 1.可以通过在css中引入pie.htc,处理兼容问题(可处理的...

  • uni-ui 1.0 正式发布:高效的移动端 Vue 跨端UI库

    前言 众所周知,浏览器的兼容问题一直为人诟病,为了解决跨端兼容问题,DCloud官方推出了一款官方UI库——uni...

网友评论

      本文标题:兼容问题

      本文链接:https://www.haomeiwen.com/subject/lzqgihtx.html