V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Mianco
V2EX  ›  CSS

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

  •  
  •   Mianco · 2011-02-08 16:18:41 +08:00 · 5418 次点击
    这是一个创建于 5022 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如
    div id=1
    div id=2
    /div
    /div

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

    我现在想实现的效果是透明边框(div1块包裹div2),内容区域(即div2块)为不透明背景,大家有什么好的方法吗?
    3 条回复    1970-01-01 08:00:00 +08:00
    sparanoid
        1
    sparanoid  
    MOD
       2011-02-08 16:31:13 +08:00
    不是复杂的边框的话可以在 border 或 box-shadow 上用 rgba
    kayue
        2
    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
        3
    kayue  
       2011-02-08 16:43:39 +08:00
    never mind, check this out: http://jsbin.com/oloqe5/edit
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1084 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 120ms · UTC 19:04 · PVG 03:04 · LAX 11:04 · JFK 14:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.