HTML:页面背景图像链接因包装而不工作_Html_Css

HTML:页面背景图像链接因包装而不工作

html css

HTML:页面背景图像链接因包装而不工作,html,css,Html,Css,我有一个html页面，在body标记中有一个完整的背景图像，后面是一个包装器： .. 风格： #bkimage { position: fixed; background: url('images/bk.jpg') no-repeat top center; width: 100%; height: 1240px; z-index: -1; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; } #wrap

我有一个html页面，在body标记中有一个完整的背景图像，后面是一个包装器：

..

风格：

#bkimage {
position: fixed;
background: url('images/bk.jpg') no-repeat top center;
width: 100%;
height: 1240px;
z-index: -1;
display:block;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}
#wrapper {
margin: 0 auto;
width: 960px;
background: url('images/transpBlack25.png');

}

其想法是使背景图像可点击。但我们需要将网页的完整内容保存在#包装内。 body和wrapper标记已经有其他背景图像

这种方法不起作用。我想这可能是因为包装器具有“margin:0auto”属性？但我不确定

这个问题有简单的解决方法吗？

请帮助…

该链接无法单击，因为

z-index:-1

将其设置为页面上所有其他元素的后面。如果有东西在背景中，而前面有其他东西，所有指向背景元素的单击都会直接到达它前面的元素。如果你想让整个页面看起来像一个巨大的链接，你可以把所有的东西都放在锚标签里

<style>
#bkimage {
    position: fixed;
    top:0;
    left:0;
    background: url('images/bk.jpg') no-repeat top center;
    width: 100%;
    height: 1240px;
    display:block;
}
#wrapper {
    margin: 0 auto;
    width: 960px;
    background: url('images/transpBlack25.png');
}
</style>

<body>
    <a href="" id="bkimage">
    <div id="wrapper">content</div>
    </a>
</body>


#bkimage{
位置：固定；
排名：0；
左：0；
背景：url（'images/bk.jpg'）不重复顶部中心；
宽度：100%；
高度：1240px；
显示：块；
}
#包装纸{
保证金：0自动；
宽度：960px；
背景：url（'images/transplack25.png'）；
}

Sooo实际问题是什么？到目前为止，我只知道你希望背景图像可以点击，你希望包装里面有东西。到底出了什么问题？