美文网首页
IE兼容性问题

IE兼容性问题

作者: Leikawo | 来源:发表于2017-09-22 16:55 被阅读0次

1.在IE下margin无用时改为padding

2.IE9以后placeholder无效,引入以下js   http://www.jianshu.com/p/7c1fe7da6529

          :-moz-placeholder       / /* Mozilla Firefox 4 to 18 */

          ::-moz-placeholder      / /* Mozilla Firefox 19+ */

3.透明度

.opacity{

filter:alpha(opacity=50);/*IE*/

-moz-opacity:0.5;/*老版Mozilla*/

-khtml-opacity:0.5;/*老版Safari*/

opacity:0.5;/*支持opacity的浏览器*/}

4.

IE6支持下划线,IE7和firefox均不支持下划线。

IE6  IE7  FF

*                √    √    ×

!important ×     √     √

_                √      ×     ×

5.

在IE6、7下,li本身没有浮动,li里面的内容有浮动,li下会产生一个间隙;

解决方法:1、给li加浮动;2、给li加vertical-align:top;

在IE6、7下,子级元素有相对定位,父级overflow包不住子级元素;

解决方法:给父级也加上相对定位;

_background:yellow;  // IE6及以下

+ background:yellow; // 或* IE7及以下

background:yellow\9; // IE9及以下

6.

margin{0px auto};不居中显示

解决办法:需要在BODY添加{text-algin:center},但这样所有的字体都是居中的,所以不想要居中就一个个设

7.

div属性标签float后,又有margin-right得情况下,下一个div会被顶到下一行

解决办法:在float的标签样式中加入display:inline;转化为行内属性

8.实现对HTML5 新增标签的兼容

链接地址     http://www.bootcdn.cn/html5shiv/

1、通过JavaScript  直接在html文件中绝对链接到网站上的兼容链接

二、直接将代码考到  js  文件夹 ,通过相对路径引入

将复制地址粘贴到搜素地址栏中,将代码复制到自己创建的js文件夹,进行相对路径引入html文件

9.

ie10以下,当div背景透明时,div下若有按钮,点击div会发生点击穿透事件。

ie9.10解决办法background-color:rgba(0,0,0,0);

在ie678下解决办法:background:url(../img/transparent.gif);(图片为1*1的透明gif图,或着图片路径不存在也可以,只是会报404的错)

     

相关文章

  • ie11 解决vue项目兼容性问题

    最近项目尾声,需要做一些兼容性问题处理。其中最重要的自然是ie浏览器的兼容性问题了,于是便开始了网上查找兼容ie1...

  • 5.常见的IE和FF兼容性问题以及异步加载js方案

    1常见的IE和FF兼容性问题 Stoppropgationconcelbubble=true在IE中不能使用con...

  • ajax

    解决浏览器兼容性问题 if (window.XMLHttpRequest){ // IE7+, Firefox, ...

  • 10css兼容性问题

    margin兼容性问题 display:inline-block IE6 最小高度问题 IE6 双边距 li里元素...

  • Vue.js浏览器兼容性问题

    IE兼容性问题 IE11不识别 data(){}定义的方法 仅识别如下形式: IE10不识别let标识符 Vue不...

  • IE兼容性问题

    1、不支持es6语法如:function简写2、不支持css3中的单位如ch单位3、IE9不支持display:f...

  • IE兼容性问题

    1.在IE下margin无用时改为padding 2.IE9以后placeholder无效,引入以下js htt...

  • IE兼容性问题

    对于IE的兼容性问题早有耳闻,也在网上搜索过有关信息,内心有过触动但也没有达到深恶痛绝的地步。直到最近,由于公司开...

  • 4个技巧避免不必要的浏览器兼容性问题

    浏览器兼容性问题着实让人头疼,从最初的IE6浏览器到现在HTML5+CSS3的兴起,依然会存在兼容性问题,这里分享...

  • 解决document.getElementByClassName

    document.getElementByClassName()对IE9以下存在兼容性问题,所以我们要写函数来解决...

网友评论

      本文标题:IE兼容性问题

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