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>

并提供a css属性以填充整个div

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

使用动态背景图片创建div url链接

1 个答案: