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 代表的是隐藏,就是透明度最低。
测试文字。
设置边嫌弯框透明度:
芹山闷 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样式透明度相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!