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

css背景渐变透明_css设置背景颜色半透明

作者:小编 更新时间:2023-07-28 08:13:53 浏览量:424人看过

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;}

亲测能看到效果。

css背景渐变透明_css设置背景颜色半透明-图1

用这个。兼容性好

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上的,所以也会跟着透明度,,达到你的要求,,

分类: 电脑/网络 >> 本站 >> 本站空间

解析:

晕死!好像不用这么麻烦啊!

等会啊,我查查!

2.删除开头处的4句语句伏袭:

body{background-color:#FFFFFF}

#header{height:89px;background:#CDF991}

#header div.lc{}

3.删除帆李第21行处的这条语句:

.stage{background:#DFFFB2}

4.在开头位置复制并粘贴以下语句:

#m_pro{background:transparent}

#m_album{background:transparent}

#m_blog{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

#header{height:89px}

#m_links{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

搞定!去看看吧!

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

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

编辑推荐

热门文章