css — натравливание на объект php

Я пытаюсь разработать эффект наведения мыши для моих элементов php. Это магазин, и я просто стараюсь, чтобы прозрачный div появлялся поверх автоматически сгенерированных областей php. он просто настроен на отображение блока, чтобы видеть, будет ли он отображаться правильно. Он появляется только под изображением и текстом.

HTML / PHP

        <div id="scoll" class="group">
<div class="container">
<div class="center_items">


<?php
//external pages area
include_once('config\database.php');
include_once('object/chair.php');
$database = new Database();
$conn = $database->getConnection();
$chair = new Chair($conn);
$stmt = $chair->readAll();
while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
?>

<div class="product_box" >
<div class="buy-box-shadow">
<!--   <div class="buy-product">-->
<a href="chair-details.php?detailsid=<?php echo $row['ID'];?>"> <img src="img/<?php echo $row['THUMB']; ?>" alt="chair_image"> </a>
<h4><a href="movies-details.php?detailsid=<?php echo $row['ID'];?>"> <?php echo $row['chair_name'];?></a> </h4>
<p>$<?php echo $row['PRICE'];?></p>
</div>
</div>
<?php
}
?>
<!--  </div>buy product-->

</div>
</div>
</div>

CSS

.center_items{
width:74%;
margin:0 auto;

}
.product_box{
width:200px;
float:left;
margin: 4.5em 5%;
box-shadow:0px 6px 16px #888888;
}

.product_box img{
width:100%;
height:200px;
}

.static-nav{
height:200px;
background-color:white;

}
.buy-box-shadow{
background-color:black;
z-index:100;
display:block;


}