在PHP,CSS中锚定可点击的背景图像

时间:2015-08-10 07:47:16

标签: php html css css3

在我的网站上,我想显示100%宽度的背景图片,并在点击背景图片时提供指向其他网站的链接。

1 个答案:

答案 0 :(得分:0)

<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>