php - 使具有动态背景 img url 的 div 成为链接

Question

我有这个 PHP：

<?php $image = "IMAGES/default_profile_img.png"; ?>

这是链接div

<a href="page.php">
    <div class="profile_img" style="background-image:url(<?php echo $image; ?>)">
        // image itself displays correctly
    </div>
</a>

以上div内容受此 CSS 约束：

.profile_img {
    height: 100px;
    width: 100px;
    float: left;
    display: block;
    margin-right: 25px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

显示div尺寸$image正确，显示正确div。但是，div它不提供任何链接能力。本质上，<a>标签不起作用。

这与img(url)动态有关吗？什么可能导致<a>标签在这种情况下不起作用？

Answer 1

尝试将a标签放在div

<div class="profile_img" style="background-image:url(<?php echo $image; ?>)">
   <a href="page.php">
   </a>
</div>

并给acss 属性以填充整个div

 .profile_img a {
   display: block;
   width: 100%;
   height: 100%;
 }