gpt4 book ai didi

html - 绝对除法隐藏在溢出的 div 后面

转载 作者:行者123 更新时间:2023-11-28 16:37:19 27 4
gpt4 key购买 nike

我有一些关于 CSS 的问题。您可以查看以下链接:

http://lookdemo.biz/webs/chirag/mickes_figurer/

在那里,您会在文本“NYFÖDDA FIGURER”下找到 slider 。我目前正在为此使用 Owl Carousel 。目前的主要问题是第一项下的黑框。我的意思是:

enter image description here

此框隐藏在溢出的 Owl Carousel slider 下方。而这个 div 是绝对的。它应该是这样的:

enter image description here

我尝试了一些建议,但没有奏效。

感谢您的帮助。

最佳答案

你不能只通过 css 得到这个,你必须使用 Javascript 或 Jquery 来实现这个,

例如

样式:

// css for black box
.blackBox{
position: fixed;
top: 0;
left: 0;
display: none;
}

html:

<body>
<div class="blackBox"></div>
<div class="slider">
// slider code
</div>
</body>

Javascript:

<script>
$(document).ready(function(){
// Click event for your hash
$("#someId").click(function(){
var top = $(this).offset().top;
var left = $(this).offset().left;
$(".blackBox").offset({top: top, left: left}).css("display","block");
})
});
</script>

希望这对你有帮助...

关于html - 绝对除法隐藏在溢出的 div 后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34306823/

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