WEB前端一些兼容IE8 浏览器的写法

兼容ie8 rgba()用法

1.background: rgba(255,255,255,.1);设置透明颜色不支持ie8浏览器，需要使用filter来实现

background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下：

第二部分是19后面的六位。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；都是白色

IE8浏览器不支持background-size:contain

1.也可以使用filter模拟实现

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/images/sy_bgwl4_pc.jpg',sizingMethod='scale');

src为你的图片真实路径

IE8浏览器不支持scale缩放的

1.可以使用ie特有的缩放属性zoom来代替

后续有各种兼容的处理办法在陆续补充

WEB前端一些兼容IE8 浏览器的写法相关推荐

让Bootstrap 3兼容IE8浏览器
看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2 ...
【兼容】兼容IE8浏览器
bootstrap3 兼容IE8浏览器近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框 ...
js导出word文档可以兼容IE8+浏览器适配其他浏览器
js导出word文档,兼容IE8浏览器其他浏览器需要引入两个文件:FileSaver.js 和 jqueryWordExport.js 需要兼容IE8浏览器需要引用:FileSaver.js exc ...
props写法_好程序员web前端培训React中事件的写法总结
好程序员web前端培训React中事件的写法总结,React的事件处理和DOM元素很相似,但是语法上是有不同的: 1.react事件采用驼峰命名法,而不是纯小写. 驼峰命名法(camelCase):命 ...
bootstrap3 兼容IE8浏览器
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap ...
border-radius 兼容 IE8浏览器
我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题.在IE8浏览器里面,border-radius这 ...
页面水印原生js 兼容ie8浏览器
需求缘由项目是前后端不分离开发的,很老的项目,里面很多插件只能支持ie8,业主公司浏览器都是ie8 ,这次想给所有页面添加用户水印,所以开发需要兼容ie8 水印代码创建一个js 文件waterma ...
bootstrap 兼容ie8浏览器
bootstrap 兼容ie8 简单说明完整代码 Demo下载简单说明最近做项目碰到个问题,就是用bootstrap做后台框架的时候,发现IE9以下都不能完整的兼容. IE8表现为:界面兼容,b ...
使用qiankun微前端如何兼容ie浏览器
在ie浏览器中, 默认不支持fetch, promise, symbol, 以及es6等语法, 如何给ie打补丁, 支持这些语法呢? 场景一: 主应用通过vue2.x框架搭建, 该框架默认兼容ie ...
分享个WEB前端CSS兼容的问题.
大家思路跟着我说的走页面要求: 左边上面的容器宽自适应下面的容器宽高都自适应右边两个容器,当浏览器窗口缩小的时候右边会跟着走.(- -这里不知道我这样说大家明白不) 页面做到最后效果基本出来了 ...

WEB前端一些兼容IE8 浏览器的写法

兼容ie8 rgba()用法

IE8浏览器不支持background-size:contain

IE8浏览器不支持scale缩放的

WEB前端一些兼容IE8 浏览器的写法相关推荐

最新文章

热门文章