绝对 division 隐藏在溢出 div 后面

Question

我有一些关于 CSS 的问题。您可以检查以下内容 link:

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

在那里您会在该文本下方找到滑块 "NYFÖDDA FIGURER"。我目前正在为此使用 owl-carousel。目前的主要问题是第一项下的黑框。我的意思是：

此框隐藏在溢出 owl-轮播滑块下方。而这个 div 是绝对的。它应该是这样的：

我尝试了一些建议，但没有用。

感谢帮助。

Answer 1

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

例如

css :

// 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>

希望这对您有所帮助...

绝对 division 隐藏在溢出 div 后面

Absolute division hides behind overflowed div

html

css

owl-carousel