记录一下今天写代码遇到的问题：
子盒子没有设置background-color，父盒子设置了background-color，本以为子盒子部分会盖住父盒子不显示background-color，结果却是显示父盒子的background-color。
伪代码：
<style>
.container {
width: 600px;
height: 100px;
background-color: pink;
}
.content {
width: 200px;
height: 60px;
border: 1px solid #000;
}
</style>
----------------------------------------
<body>
<div class="container">
<div class="content"></div>
</div>
</body>
显示出的效果： 
查了下mdn，相关内容如下：
于是把上述代码中，子盒子背景色改为background-color: transparent;效果一样。
原来是background-color: transparent的效果，即如果设置为transparent，会有“穿透”效果。
还是基础不扎实。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
