Login
网站首页 > 文章中心 > 其它

css透明度代码_CSS 的颜色代码 透明色是什么代码?

作者:小编 更新时间:2023-07-27 14:51:20 浏览量:296人看过

1:.style {

background:rgba(0,0,0,0.4) none repeat scroll 0 0 !important;

filter:alpha(opacity=40);

background: ##000;

}

2: style2 {

background-color: red;

opacity: 0.5;

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity:0.5;

2种局裤方法,桐庆简背景透明字体不透明。差唤

filter:alpha(Opacity=40);

opacity:0.40;

-moz-opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

CSS - firefox与IE透明度(opacity)设置区别

IE:

filter:alpha(opacity=sqlN)

其中 sqlN的值域为[0, 100]

Firefox,Chrome和Safari:

opacity:sqlN

其中sqlN的值域为[0, 1]

.ieCss {

width:100;

height:100;

background-color:red;

filter:alpha(opacity=50); 判郑

.fireFox35Css {

background-color:blue; 槐冲信

opacity:0.5;

css设置透明度,首先需要知道的是在浏览器中的不同使用,一般在ie中用的是filter:alpha(opacity=0);这个属性来设梁银坦置div或者是块级元素的透明度,而在firefox中,一般就是直接使用opacity:0,对于兼容的橡桐,一般的做法就是在书写css样式的搏山将2个都写上就行,就能实现兼容,具体看代码:

#div1{

width:200px;

height:600px;

margin:0 auto;

opacity:0;

filter:alpha(opacity=0); //0 代表的是隐藏,就是透明度最低。

测试文字。

有两种:

1、background:#000; opacity:0.5;这个方法是给盒子背景颜念态色透明,但盒子里面有内拆蚂容的话,连内容也会透明,就是说子元素会继承上一级的属性

2.background:rgba(0,0,0,0.5);这个只针对背景颜色,子元素不会继承上一级的旅高埋属性

以上就是土嘎嘎小编大虾米为大家整理的css透明度代码_CSS,的颜色代码,透明色是什么代码?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章