Question

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

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

您将在此文本“NYFÖDDAFIGURER”下找到滑块。我目前正在使用猫头鹰旋转木马。目前主要问题是第一项下的黑盒子。我的意思是：

此框隐藏在溢出的owl-carousel滑块下。这个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>

希望这会对你有所帮助......

绝对分裂隐藏在溢出的div后面

1 个答案: