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

css3背景透明渐变_css3级菜单怎么设置

作者:小编 更新时间:2023-08-16 07:17:05 浏览量:238人看过

给div加一个透明的图片啊

css3背景透明渐变_css3级菜单怎么设置

升启

测租困试文字

.toumin{ background:#1b1b1b;filter:alpha(opacity=50);opacity:0.5; position:absolute; z-index:1;}

.text{position:relative; z-index:100;}

外层div:

background-color: rgba(255, 255, 255, 0.9); /* 白历枝色并且阿尔法通道是高烂盯0.9*/

内层戚和div:

background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/

这有个问题。首先用最单的厅烂办法扮哪漏是用CSS3 background-color:rgba(0,0,0,0.5);

但这个兼容性你懂的。第二种就是他们说的这样缓敏了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

你在相应的图腔扒片上加上这两伍滚昌句CSS样式备裂应该就可以了:

filter:Alpha(opacity:50);

opacity:0.5;

PNG 本身背景就是透明的,如果是一张图片实现半透明,肆键你可败悉以用css:opacity来调节透明度区间察雹乎是【0,1】,还有一种方式是css3里面的background:rgba(0,0,0,1)分别代表RGB值,最后一个是透明度

opacity:0.7;filter:alpha(opacity=70)

这个需要根闭芹基据浏览器的内核定,不同的浏轿谨览器会有些差首族异

将一个div设置为绝对定位,在这个div下设置背冲扮景图片与改变图片透明度。举老历例侍判搜:

html :

...Hello world! ...

css:

#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;}

亲测能看到效果。

用这个。兼容性好

filter:alpha(opacity=70)这个是ie专用。。ie比较bug

如果你不考虑并团没ie的绝纳显示效果可以直接无视

css3可以不用opacity:0.7直接写透明或明度你可以查一下。ie不支持!!!

这个真没有灶毕,

你只能设置容器的透明度,粟子:

#test{width:320px;height:320px;background:url(背景地址);opacity:0.7;filter:alpha(opacity=70)

}

这个DIV是有背景答棚图片的哦

事实上,上面的是设置ID为TEST的透明度,,因为背景是隐举芹应用在TEST上的,所以也会跟着透明度,,达到你的要求,,

以上就是土嘎嘎小编大虾米为大家整理的css3背景透明渐变_css3级菜单怎么设置相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

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

编辑推荐

热门文章