我有这个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以正确的大小显示,而$imagediv中正确显示。
但是,div不会显示任何链接功能。本质上,<a>标记不起作用。

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

最佳答案

尝试将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%;
 }

09-10 12:23
查看更多