【学习】ie8支持rgba()透明度颜色】的更多相关文章

(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/285,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) rgba()函数可以用来设置透明的颜色,元素的背景啊,边框啊等等.rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白色. 在现代浏览器中是支持rgba的.但是在ie8等古董级…
IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的. 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug. 它们的如下: background: rgba(0,0,0,.5); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); IE f…
一般浏览器的背景透明度可以直接设置 background:rgba(0,0,0,.5); -webkit-background:rgba(0,0,0,.5); -o-background:rgba(0,0,0,.5); -moz-background:rgba(0,0,0,.5); 但是这在IE中是不支持的,所以有了以下的解决办法: 第一种: -ms-background: #000; filter: alpha(opacity=30); 第二种方法: background: rgba(0, 0…
/*IE8支持placeholder占位符*/ if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'); if(that.val()===""){ that.val(text).addClass('p…
简介 CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小.其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积. 由于 background-size 是 CSS3 新增的属性,所以 IE 低版本自然就不支持了,但是老外写了一个 htc 文件,名叫 background-size polyfill,使用该文件能够让 IE7.IE8 支持 background-…
第一步,我们加上对html5的支持. <!--[if IE]> <script src="/public/html5.js" type="text/javascript"></script> <![endif]--> 现在再看,会出现一个黑漆漆的框框,说明IE8已经认识canvas标签了.但红圈圈还是没出来,下面状态栏仍然提示我们JS里压根没取到canvas.这说明IE还只是认识了canvas是个合法标签而已,至于怎么…
微软出的IE9支持HTML5,但因为不支持XP系统,暂时我还用不了. 即使能用,现阶段如果开发HTML5页面,并考虑到兼容性问题的话,恐怕也得让自己的界面支持IE6-8吧. 首先,需要让IE支持HTML5标签.这个简单,随便在网上搜一下就能找到.下载一个html5.js,并拷贝到自己的目录里就可以了. 现在写一段简单代码,其功能是在页面上放置一个canvas,并画一个红色圆圈. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transition…
一.  ie8支持 placeholder 属性 /* * ie8支持 placeholder 属性 */ $(function(){ if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'); if(that.…
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在<head>里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. <!--[]> <script src="js/assets/js/ie8-responsive-file-warning.js"></script> <![endif]--> <script src="js/assets/js/ie-em…
使用滤镜功能 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); 我们需要留意的是StartColorStr和EndColorStr的值,前两位是十六进制的透明度,后面六位是十六进制的颜色. 十六进制的透明度换算方法:x=alpha*255 将计算的结果x转换成十六进制即可…