HTML/CSS如何使元素对一个元素透明但覆盖另一个元素
HTML/CSS如何使元素对一个元素透明但覆盖另一个元素
提问于 2018-08-17 05:54:41
所以，我有这个HTML+CSS：
body {
background-color: lightblue;
}
.div1 {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
.div2 {
position: absolute;
width: 80px;
height: 80px;
background-color: green;
}<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
我需要使绿色的正方形透明的背景，但覆盖红色的正方形。我需要它是可变的，所以我不能像这样做：.div2 {background-color: lightblue;}。这是可能的吗？
回答 1
Stack Overflow用户
发布于 2018-08-17 06:04:39
对覆盖使用background-color: inherit;。
body {
background-color: lightblue;
}
.div1 {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
.div2 {
position: absolute;
width: 80px;
height: 80px;
background-color: inherit;
}<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51885828
复制相关文章
相似问题
腾讯云开发者
