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

css设置透明度的属性_css样式透明度

作者:小编 更新时间:2023-07-26 13:32:09 浏览量:259人看过

1:.style {

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

filter:alpha(opacity=40);

background: ##000;

}

2: style2 {

css设置透明度的属性_css样式透明度-图1

background-color: red;

opacity: 0.5;

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity:0.5;

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

filter:alpha(Opacity=40);

css设置透明度的属性_css样式透明度-图2

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; 槐冲信

css设置透明度的属性_css样式透明度-图3

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 代表的是隐藏,就是透明度最低。

测试文字。

设置边嫌弯框透明度:

       芹山闷             border: 1pxsolidtransparent;

                    border-color: rgba(151, 151, 151, 0.3);前三个为边框颜色的rgb值,最后一唯笑个为透明度。

设置阴影透明度:box-shadow: 0px 2px 10px rgba(41, 12, 127, 0.2);

background: rgba(255, 255, 255, 0.85) 0.85是透明度的百分比

opacity: 0.4; //IE9◆和世棚非IE透明

background:rgba(0, 0, 0, 0.4); /卖友/搜配则背景透明

filter:Alpha(opacity=40);IE6,7,8

50和0.5是透明握指族度,按自己需要修改吧逗孝。

css代码:

.box{ width:100px; height:100px; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; }

html代码段弊:

透明区域

50和0.5是透明度,棚轿岁按自链睁己需要修改吧。帆亮\x0d\x0acss代码:\x0d\x0a.box{ width:100px; height:100px; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; }\x0d\x0ahtml代码:\x0d\x0a透明区域

以上就是土嘎嘎小编大虾米为大家整理的css设置透明度的属性_css样式透明度相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

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

编辑推荐

热门文章