Php 除一个元素外，div上的href

我制作了一个“musicbox”，它显示一个音乐封面，当鼠标悬停在上面时，它会显示一个可切换的播放按钮，可以播放或暂停音乐。 现在我想实现以下目标：

• 单击播放/暂停按钮时，音乐将播放或暂停（是否播放此部分）
• 单击封面上除播放/暂停按钮以外的任何位置时，它都应链接（href？）到另一个页面

我尝试了几种方法，但无法将playbutton从href中排除，我认为它应该保留在“.overlay”中，因为它们的内容需要隐藏，除非您将鼠标悬停在div/musicbox上

echo"
                <div class='musicbox' align='center'>
                    <a>
                        <div class='overlay'>
                            <img data-value='../../admin/uploads/tracks/".$music_track."' 
                            data-value='../../admin/uploads/tracks/".$music_oggfile."' 
                            onclick='updateSource(this)' class='btnplay' src='../media/images/go.png'></img>
                            <img class='btnpause' src='../media/images/stop.png'></img>
                            <div class='desc'>".$music_title."</div>
                        </div>
                    </a>
                    <img class='cover' src='../../admin/uploads/images/".$music_image."' width='350' height='350'>
                </div>";

echo”
“$music\u title”
";

这里有一些图片可以让你了解布局：正常，悬停这里有一些图片可以让你了解布局：正常，悬停