CSS透明度（兼容所有浏览器）

Css代码：

.transparent_class {

filter:alpha(opacity=50);

-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

//整块透明

//背景透明，内容不透明

.transparent_class {

filter:progid:DXImageTransform.Microsoft.gradient(enabled=‘true‘,startColorstr=‘#66000000‘, endColorstr=‘#66000000‘);

}

:root ad {
filter:none; /*处理IE9浏览器中的滤镜效果*/
background-color:rgba(0,0,0,0.5);
}

不会到会，只是一个过程！

时间： 2024-07-31 06:31:21

CSS透明度（兼容所有浏览器）的相关文章

css透明度(兼容所有浏览器)

.transparent{ background: rgba(255, 0, 0, 0.3) !important; /* IE无效,FF有效 */ filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.3; opacity: 0.8; }

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网站,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important; 一.CSS HACK 1, !important

加特殊符号星号斜杠反斜杠/* \ */ !important等让css实现兼容各个浏览器的技巧的代码

在编写css样式表的时候常常会碰到一写浏览器兼容的问题,象是不同内核的浏览器显示就不一定相同,不同版本的的浏览器也会产生上下兼容的问题,如何解决这些问题成了我们苦恼的问题,如果你对css hack技术很了解的话,那这就是太简单不过了,不过对于那些不怎么解的人来说可真成了他们所苦恼的事.在这就从赵磊官方博客引来一篇文章来介绍兼容各个浏览器的技巧.但是你也不要认为只要是浏览器显示出现差错就事浏览器的问题,也很可能是你的结构不好,建议你好好去学习一下语义结构,毕竟盖房子要先搭钢筋的. 1,盒解释器

css透明度兼容（字不透明）

1.背景透明兼容所有浏览器. .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 2.背景透明,文字不透明. div{ background:rgba(255, 255, 255, 0.6)!important; filter:Alpha(opacity=60); background:#fff; /* 使用IE专属滤镜实现IE背景透明*/ }

css属性兼容主流浏览器

_:选择IE6及以下.连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适.*:选择IE7及以下.诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高\9:选择IE6+\0:选择IE8+和Opera[;property:value;]; :选择webkit核心浏览器(Chrome,Safari).IE7及以下也能识别.中括号内外的3个分号必须保留, 第一个分号前可以是任意规则或任意多个规则[;color:#f00;]; 与 [color:#f

opacity透明度兼容全浏览器

filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this post out of the archives and update it a bi

CSS透明度兼容

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom: 1; }

纯css兼容个浏览器input[type='radio']不能自定义样式

各个浏览器对于表单input[type='radio'].input[type='checkbox']的样式总是各有差异 //html <div class="remember-account"> <input type="checkbox"> <span>记住账号</span> </div> //css .remember-account { display: inline-block; font-siz

【原】CSS实现背景透明，文字不透明，兼容所有浏览器

11.11也是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~ 进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成为了所谓的”购物节“,双11也算了,后面还要搞双12,不得不吐槽下. 于是呢,熬夜加班做了11.11的活动,在PC端遇到了透明背景和透明图片的问题,其实以前也遇到过,只是没有总结起来,就忘记了,这次又撞墙了,必须记录

（转）兼容主流浏览器的CSS透明代码

透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器.-khtml-opacity: 0.5