Html 设置除div边框以外的所有对象的不透明度

Html 设置除div边框以外的所有对象的不透明度,html,css,border,opacity,Html,Css,Border,Opacity,对,我想要一些div,里面的所有东西都有一定的不透明度,但是div的边框是正常的。现在我知道,当你把不透明度设置为div时,它会应用于所有东西 所以。我试着把它们分成两个分区,如下所示: <div id="border"> <div class="content"> hello </div> </div> 这提供了我想要的不透明度,但它没有正确的高度或宽度。我不想在#border(我有随机大小)中定义一个宽度,它似乎是全屏宽度和0px高 或者,有

对,我想要一些div,里面的所有东西都有一定的不透明度,但是div的边框是正常的。现在我知道,当你把不透明度设置为div时,它会应用于所有东西

所以。我试着把它们分成两个分区,如下所示:

<div id="border">
<div class="content">
hello
</div>
</div>
这提供了我想要的不透明度,但它没有正确的高度或宽度。我不想在#border(我有随机大小)中定义一个宽度,它似乎是全屏宽度和0px高

或者,有人有其他方法吗

谢谢

是的,请使用:

#border{ display: inline-block; }
同时删除
边框的
宽度
高度
声明,或将其设置为
自动


您不必使用两个不同的div!只需使用以下css语法:

.parent {
 border:1px solid black;
}
.parent .child {
 opacity:0.5;
}
如果不想给每个子元素一个类,可以使用*选择器:

.parent * {
 opacity:0.5;
}

你有什么问题?你是从选择问题开始,然后以高度和宽度结束?你能在www.jsfiddle.net上举个例子吗?对不起,我将对它进行编辑,这样它才有意义!我会在一个街区里找到那辆马车的,汉克斯!这就是我想要的。谢谢
.parent * {
 opacity:0.5;
}