如何在页面上添加带链接的背景？ 在我的页面上，我无法点击背景，如何解决？
这是一个问题，我无法更改“页面”类样式。
<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/
我需要在页面背景(蓝页部分)上添加链接。 当我点击背景时，我想去谷歌。
最佳答案
如果我理解正确的话，您希望能够点击 A 标签内的 div。
让我们从您不应该(正如 sandeep 在评论中所说)将 block 元素放入内联元素这一事实开始。我会建议为 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>
关于html - 在页面背景上添加链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7913667/