最佳解决方案:放弃opacity属性,使用background-color属性,案例效果如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.div1 {
display: block;
height: 200px;
width: 200px;
}
.div1 {
background-color: #249FDF;
margin-bottom: 100px;
padding: 0.1px;
opacity: 0.1;
}
.div3 {
display: block;
height: 100px;
width: 100px;
background-color: #000000;