关于CSS设置背景透明的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 5061 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如
div id=1
div id=2
/div
/div

这样的结构，对div1设置css透明，div2也变成透明的了，即使单独设置opacity值为1也没用，网上找了几个方法，都很麻烦。

我现在想实现的效果是透明边框(div1块包裹div2)，内容区域（即div2块）为不透明背景，大家有什么好的方法吗？

div

div2

透明

3 条回复 • 1970-01-01 08:00:00 +08:00

sparanoid

MOD

2011-02-08 16:31:13 +08:00

不是复杂的边框的话可以在 border 或 box-shadow 上用 rgba

kayue

2011-02-08 16:41:14 +08:00

<div id="container">
<div id="content" />
<div id="background" />
</div>

<style>
#container { position: relative; width: 100px; height: 100px; }
#background { position: absolute; top:0; left: 0; background: green; }
#content { margin: 10px; width: 90px; height:90px; background: red; }
</style>

kayue

2011-02-08 16:43:39 +08:00

never mind, check this out: http://jsbin.com/oloqe5/edit