部分IE8使用的兼容CSS3属性的方法

IE6-8支持html5语义化标签如

引入html5.js，如CDN方式

<!--[if lt IE 9]>

属性	chrome	IE6-8
border-radius	border-radius: 50%;	border-radius: 50%;//不支持 border-bottom-left-radius: 10%; behavior: url(ie-css3.htc);
box-shadow	box-shadow: 10px 10px 10px orange;	box-shadow: 10px 10px 10px orange;//只显示黑色 behavior: url(ie-css3.htc);
text-shadow	text-shadow: 10px 10px 2px blue;	text-shadow: 10px 10px 2px blue; behavior: url(ie-css3.htc);//IE9--2种都不支持
opacity	opacity: 0.2;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
background-size	background:url('XXX/XXX.jpg'); background-size:cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='XXX/XXX.jpg', sizingMethod='scale')
rgba	background: rgba(255,0,255,.1);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ff00ff,endColorstr=#19ff00ff);

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

IE9同时支持filter和rgba，导致效果重叠，需要：

<!--[if lt IE 9]>

.~~

<![endif]-->

部分IE8使用的兼容CSS3属性的方法相关推荐

ie8不兼容java项目_[Java教程]ie8以下不兼容document.getElementsByName解决方法
[Java教程]ie8以下不兼容document.getElementsByName解决方法 0 2016-09-13 19:00:06 在IE8以认为只有文本标签才有name属性的,一些元素标签用d ...
calc ie支持_让IE6/IE7/IE8支持CSS3属性的8种方法介绍
让IE6/IE7/IE8支持CSS3属性的8种方法介绍发布时间:2013-09-23 10:43:06 作者:佚名我要评论 IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现 ...
IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）
1.关于在IE浏览器上面的一个旋转问题 IE8不支持css3的transform属性,因此在兼容ie8的时候需要用到滤镜来进行兼容语法: 兼容c3属性的浏览器在设置旋转属性的时候: transfor ...
CSS3属性的兼容什么是弹性和布局
CSS3新特性,兼容性,兼容方法总结 css3手册css3手册边框 border-radius 用于添加圆角效果语法: border-radius:[ <length> | <p ...
javascript 解决IE8 兼容 placeholder 属性含password
javascript 解决IE8 兼容 placeholder 属性含password function placeholderfun(){if( !('placeholder' in docume ...
ie8兼容background-size属性
满心欢喜地写代码,最后测试兼容性的时候发现Logo图片在IE8下特别大.明显是background-size在ie8一下不兼容. 我懂得,IE8还是个孩子,我就加几句你独有的代码让你兼容吧,司空见惯了 ...
IE11不兼容css3渐变属性
最近做项目发现IE9兼容css3中渐变属性,到了IE11居然反而不兼容,一开始一直用低版本的IE测试兼容性,才发现低版本IE兼容的IE11不一定兼容,后来解决方法是,在样式最前面加入backgroun ...
让IE6/IE7/IE8支持CSS3属性的脚本ie-css3.htc
IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3.如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shad ...
处理兼容问题:对于某些css3属性需要加前缀?
移动端如果只写移动端的话就加-webkit-前缀和css3属性就可以 pc端 -webkit-border-radius:50%; //谷歌-moz-border-radius:50%; //火狐- ...

部分IE8使用的兼容CSS3属性的方法

部分IE8使用的兼容CSS3属性的方法相关推荐

最新文章

热门文章