gpt4 book ai didi

html - 完整的背景图像变得可点击

转载 作者:太空宇宙 更新时间:2023-11-03 20:15:27 25 4
gpt4 key购买 nike

我想尝试让整个背景变得可点击。但它根本不起作用。

这是我的 HTML

<body>

<a href="home.php">
<div id="clickable">
<div id="context">
<p> TESTING </p>
</div>
</div>
</a>

</body>

这是我的背景脚本,可以让它成为完整的背景。

<script type="text/javascript">
$(document).ready(function() {
$("#background").ezBgResize({
img : "assets/images/background.jpg",
opacity : 1,
center : true
});
});
</script>

最后,我的 CSS..

#clickable {
top:0;
left:0;
right:0;
bottom:0;
border:1px solid white;
}

我真的不想在 #clickable 上设置高度,因为如果我添加一些东西,背景图片就会乱七八糟。问题是我想让整个页面变得可点击,但它根本不起作用。有什么想法吗?

最佳答案

我的方法:

http://jsfiddle.net/skozz/PyTVV/

CSS:

body {
position: relative;
}
#background {
position: absolute;
z-index: 0;
}
#clickable {
z-index: 1;
top:0;
left:0;
right:0;
bottom:0;
border:1px solid white;
position: absolute;
color: white;
}

HTML:

<body>

<div id="background">
<a href="http://google.com"><img src="http://crispme.com/wp-content/uploads/3498.jpg?pass"></a>
</div>

<a href="home.php">
<div id="clickable">
<div id="context">
<p> TESTING </p>
</div>
</div>
</a>

</body>

关于html - 完整的背景图像变得可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22094240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com