Question

如何添加页面，带链接的背景？在我的页面上，我无法点击背景，如何修复它？

是一个问题，我不能改变“页面”类的风格。

<style>
.page{
    width: 600px;
    height: 1200px;
    margin: 0 auto;
    background-color: #336699;  
}
.bg_image{
    position: fixed;
    top: 0px;
    z-index: -1;
    background-image:url('bg_image.png');
    background-position:center; 
}
</style>
</head>
<body>
    <div class="page">
        text text text ...
    </div>
    <a href="http://google.com">
        <div class="bg_image" style="width: 100%; height: 500px;"></div>
    </a>
</body>

编辑：我添加样本： http://jsfiddle.net/4sdDa/

我需要在页面背景上添加链接（蓝页部分）。当我点击背景时，我希望去谷歌。

Answer 1

如果我理解正确，您希望能够点击A标记内的div。

让我们从你不应该这样做的事实开始（正如sandeep在评论中所说的那样）将块元素放入内联元素中。我建议为A元素本身提供所需的背景，并通过特定链接的“google”类来识别它。

<!-- language: lang-html -->

<style>
.page{
    width: 600px;
    height: 1200px;
    margin: 0 auto;
    background-color: #336699;  
}

a.google{
    position: fixed;
    top: 0px;
    z-index: -1;
    background-image:url('bg_image.png');
    background-position:center;
    width: 100%;
    height: 500px; 
    display: block;
}
</style>
</head>
<body>
    <div class="page">
        text text text ...
    </div>
    <a href="http://google.com" class="google"></a>
</body>

Answer 2

对此目标使用javascript / jquery：

$('.bg_image').click(function () {
  location.href = $(this).parent().attr("href");
});

这会奏效。如果您还有其他问题，请与我们联系。

在页面背景上添加链接

2 个答案: