IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）

1.关于在IE浏览器上面的一个旋转问题

IE8不支持css3的transform属性，因此在兼容ie8的时候需要用到滤镜来进行兼容

语法：

兼容c3属性的浏览器在设置旋转属性的时候：
transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-tranform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);
可以直接使用c3属性进行设置IE8在想使用的时候，需要借助滤镜来进行旋转filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.866025404, M12=0.5, M21=-0.5, M22=0.866025404) ;其中，M11,M12,M21,M22的值是对应的三角函数的cos和sin值
M11 cos
M12 -sin
M21 cos
M22 sin

2.关于在IE浏览器上面的透明度的使用问题

IE8浏览器不兼容rgba()的使用（只支持rgb()），因此，在ie8浏览器上面进行兼容需要借助到滤镜

CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。

具体参数含义如下：

opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形 startx 渐变透明效果开始处的 X坐标。只能style = 1才有效
starty 渐变透明效果开始处的 Y坐标。只能style = 1才有效 finishx 渐变透明效果结束处的 X坐标。只能style = 1才有效
finishy 渐变透明效果结束处的 Y坐标。只能style = 1才有效

以上的参数可以选用，可以只设置一个opacity

正常的支持rgba()浏览器的样式
div{rgba(#333,#fff,#0a0,0.2)//前三个值是颜色值，0.2值的是透明度，1是不透明，0是完全透明
}在ie8浏览器需要做到的兼容是div{filter:alpha(opacity=0.1);//借助滤镜 alpha进行设置透明度
}

IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）相关推荐

利用Python爬取爬取APP上面的数据
前言在我们在爬取手机APP上面的数据的时候,都会借助Fidder来爬取.今天就教大家如何爬取手机APP上面的数据. 环境配置 1.Fidder的安装和配置下载Fidder软件地址:https: ...
python爬取软件数据_利用Python爬取爬取APP上面的数据
前言在我们在爬取手机APP上面的数据的时候,都会借助Fidder来爬取.今天就教大家如何爬取手机APP上面的数据. 环境配置 1.Fidder的安装和配置下载Fidder软件地址:https:// ...
抓球球的机器人应该怎么玩_闲鱼2019年应该怎么玩？闲鱼上面的几大规则
闲鱼2019年应该怎么玩?闲鱼上面的几大规则如今已经是2019年了,还是有好一些的伙伴们在求闲鱼流量,闲鱼新的一年是不是有什么大的改动,还可以照着往年的玩法继续做闲鱼吗,对于这样的问题,我实在有些看 ...
如何配置nginx+uwsgi+django?(知乎上面的看着不错)
作者:知乎用户链接:https://www.zhihu.com/question/27295854/answer/36365005 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转 ...
【飞控理论】【惯性导航基础】二维平面的旋转如何用代数表示？三维平面的旋转如何用代数表示？什么是四元数？四元数、欧拉角、方向余弦之间有什么关系？
上一篇欧拉角由于欧拉角在描述三维空间物体旋转问题时存在万向节死锁问题(详情戳这里),所以引入四元数概念. 目录 1.二维平面的旋转 2.三维平面的旋转(什么是四元数) 3.<捷联惯性导航> ...
怎么把github上的东西传到码云_Git同步更新操作GitHub和码云仓库上面的代码
一.前言问题: 小编在生活中,一般都是将代码保存到github上,但由于国内的码云仓库确实速度比github快很多,用起来也很方便,于是后来就慢慢转码云了,当然小编在github上的代码也不想放弃更 ...
路由器上的usb接口有什么用_路由器上面的USB接口有什么用途，你都知道吗？
路由器是连接两个或多个网络的硬件设备,在网络间起网关的作用,是读取每一个数据包中的地址然后决定如何传送的专用智能性的网络设备,现在几乎每个家庭都有一个或者多个路由器.常见的家用路由器背后都会有一个WA ...
filezilla定时上传_windows下定时利用bat脚本实现ftp上传和下载
前言: 工作中可能会遇到以下情况,利用windows作为中转,来实现两台linux服务器的文件传输. 实现步骤: 1.FTP上传和下载的bat脚本. 脚本分为两部分:可执行bat脚本和ftp命令文件: ...
为了防止同行偷窥行业机密,小明决定将上面的实际营业额重新记录一份,这次记录的时候,把上面数组中的内容倒着记录,并将所有的负数按0记录。请你帮小明把上面的结果按小明的规则重新保存到一个新数组中,并打印出
训练案例 1．训练考核知识点键盘录入,数组,循环,if 2．训练描述假设小明同学本周5天的日盈利分别如下:int[] arr = {1,3,-1,5,-2}为了防止同行偷窥行业机密,小明决定将 ...

IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）

IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）相关推荐

最新文章

热门文章