作者Wcw5504 (椎崎月)
看板Blog
标题Re: [Blogger] 如何改进CSS让背景透明?
时间Thu Jan 10 22:02:14 2013
※ 引述《eddy1221 (rolling)》之铭言：
: 我在近开了网站
: 增新CSS 只想让"文章背景"(Post+Sidebar的背景)透明化
: 让文章能看到底图
: 但是文章的图片跟文字也会跟的透明
: 没学过CSS 从网路学的 如下
: .main {
: filter:alpha(opacity=15);
: -moz-opacity:0.85;
: opacity:0.85;
: }
: 请问要如何改进呢?
用rgba设alpha值，但需要浏览器支援CSS3
假设底色不是黑的，可以用下面语法：
.main{background-color:rgba(255,255,255,.85)}
若考量到IE8以下的版本的相容性，可以自已做一个1x1的透明png当背景：
.main{
background:url(
图片网址);
background:rgba(255,255,255,.85);
}
这样不支援rgba色彩的浏览器就只会读入前面那项图片了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.62.77.240
1F：推 eddy1221:感谢你 但是似乎没有作用说 01/11 02:04
2F：→ eddy1221:不知什麽原因 01/11 02:04
3F：→ Wcw5504:放个网志连结会比较好测试啦... 01/11 09:50
4F：→ eddy1221:不知为何加入=> backgr .... ,.85) 都会出现白色图片 01/11 13:50
5F：→ eddy1221:在两个POST框的後面 01/11 13:51
6F：→ eddy1221:测试结果 .POST{background:url () 可以用 01/11 14:14
7F：→ eddy1221:单独 background:rgba( 不能用 单上面的会影响吗? 01/11 14:15
8F：→ Wcw5504:不会 只是图片和纯css的差异而已 01/11 16:47
9F：推 eddy1221:感谢 WCW大 01/13 02:28