我有这个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>
标记在这种情况下不起作用? 最佳答案
尝试将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%;
}