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

标签 html css owl-carousel

我有一些关于 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/

相关文章:

html - 如何使用任何 owl.carousel?

html - 如何在 <svg>-Tag 中将多边形和路径居中?

html - Gmail - CSS - 列计数不起作用

HTML - 我将新图片上传到网站,旧图片仍在加载

html - DIV外的OL

javascript - 将文本隐藏在显眼的地方

html - CSS 子选择器 - 在两个不同的 div 中操作相同的 div 类

jquery - Owl Carousel 2 可见项中的第一项和最后一项如何添加类?

jquery - 淡入淡出 Owl Carousel 效果不起作用

javascript - Jquery 每秒选择随机单元格