锚可点击的背景图像在PHP, CSS - Anchor Clickable Background image in PHP, CSS

Anchor Clickable Background image in PHP, CSS

本文关键字：PHP CSS 图像背景 | 更新日期: 2023-09-27

在我的网站，我想显示100%的宽度的背景图像，并提供链接到另一个网站，当我们点击背景图像。

<style type="text/css">     
#header_img a.block_link {
    display: block;
    position: absolute;
    margin:auto;
    z-index:0;
    height: 1024px;
    width: 100%;
    background-position:center top;
}
</style>

<div id="header_img" class="header_img block block2" style="margin: 0 auto; width:100%; background-image:url(images/bgimage.jpg); background-repeat:no-repeat; background-position:center top">
    <a href="welcome.php" class="block_link" target="_blank"></a> 
<div id="header_vdo" class="header_vdo" style="text-align:center; width: 100%; height:300px; margin: 0 auto; z-index:1; padding: 1px 0px 1px 0px">
    Welcome to Test Page
</div>
</div>