盒模型的问题. 有三层盒子,每层都有背景图片 都是透明PNG来堆叠组图案.只是中间一层想只显示某个区域,区域比最内层的盒子还小,能否实现

<style>
.index_b1{
    width:1440px;
    height:768px;
    text-align:center;
    margin:auto;
    background:red;
position:relative;
}
.index_b3{
    width:1440px;
    height:768px;
    text-align:center;
    background:blue;/*现在是盒子3套了盒子2,所以显示肯定是错误的*/
position:relative;
}
.index_b2{
    width:884px;
    height:347px;
    text-align:center;
    background:yellow;
    position:absolute;
    top:200px;
    left:278px;
}</style>
</head>
<body>
<div class="index_b1">
<div class="index_b2">
    </div>
    <div class="index_b3">
    </div>
</div>非得使用嵌套的HTML格式吗？
这样把2和3使用兄弟元素，使用定位可以实现你的要求的，我这里把背景改成了颜色。而你说的那个按钮效果，可以使用定位热点实现吧。也是基于定位的。