资讯专栏INFORMATION COLUMN

兼容IE8遇到的问题

songjz / 1694人阅读

摘要:注意事项页面头部页面宽度设定为容器宽度规范属性注意空格目前引入的兼容存在的问题无效改用等表单项样式重写需再设定需求的样式然后加上其中为绝对路径。

基于bootstrap2的兼容IE8工程讲解

需要的外部库:jquery1.8、font-awesome4.2、bootstrap2.3.2、html5.js、respond.js、ie-css3.htc

jquery版本在1.9以上不支持ie8,html5.js是声明页面采用HTML5标准,respond.js让页面支持媒体查询,ie-css3.htc为css3中某些属性的兼容。

注意事项:

页面头部

     //页面宽度设定为容器宽度 
     
    

css规范

background属性

background:#f7fbff url(background.png) 0 0 no-repeat; //注意空格
目前引入的兼容存在的问题:

display:inline-block;无效改用display:inline

input等表单项样式重写需border:none;再设定需求的border样式然后加上
behavior:url(ie-css3.htc) 其中ie-css3.htc为绝对路径。

ie-css3.htc详解

.htc是个脚本文件,本身和js是同一类型。IE只承认的文件格式是.htc,用来描述web行为,允许程序员把自定义功能连接到现有的元素和控件,而不是通过下载二进制文件(例如ActiveX控件)来完成这个功能。

局限性:

当前元素一定要有定位属性(position:relative或position:absolute)

z-index值一定要比周围元素高

支持的内容:

border-radius 四个角设置圆角属性(只设置一个角无效)

box-shadow 阴影的参数box-shadow: 5px 3px 5px #000;(不支持除了#000之外的颜色)

text-shadow IE下的表现与Firefox/Safari/Chrome有一点点的差异

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81164.html

相关文章

  • IE 兼容模式 设置 Meta Compatible 和 Iframe 子页面关系

    摘要:也能使用更复杂的,更页面增加更强的效果。这是因为当顶级页面设置为或,里面的页面设置不起作用,它的文档模式显示的是。参考参考使用来搞定浏览器兼容模式强制标准模式标准模式与兼容模式设置背景 因为历史原因,之前很多的系统都会是 顶级页面+Iframe来加载子级页面的这种模式构件系统,而且系统都只能运行在IE6或者IE 高版本兼容模式下(IE 7模式)。 随着现在的审美原来越高,脚本能里越来越强,...

    番茄西红柿 评论0 收藏0
  • 2016前端收藏夹

    摘要:如果说有一天我的电脑坏了,硬盘烧了,我最难过的应该是我的收藏夹没能导出来,而不是,我的项目源码,或者是的种子文件这里开一个不上大雅的小玩笑。在此我只是想说明,收藏夹对我的重要性。 这篇文章,我想要说说的是前端的收藏夹。在这里,我不探讨任何一门技术,我只探讨如何管理自己。 科技在迅猛的发展,当今这种信息化的时代下,我每天工作结束后都会做一件事情,管理我的收藏夹,然后导出我的收藏夹为htm...

    Jacendfeng 评论0 收藏0
  • 2016前端收藏夹

    摘要:如果说有一天我的电脑坏了,硬盘烧了,我最难过的应该是我的收藏夹没能导出来,而不是,我的项目源码,或者是的种子文件这里开一个不上大雅的小玩笑。在此我只是想说明,收藏夹对我的重要性。 这篇文章,我想要说说的是前端的收藏夹。在这里,我不探讨任何一门技术,我只探讨如何管理自己。 科技在迅猛的发展,当今这种信息化的时代下,我每天工作结束后都会做一件事情,管理我的收藏夹,然后导出我的收藏夹为htm...

    wslongchen 评论0 收藏0

发表评论

0条评论

songjz

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<