个人中心
gpt4 book ai didi

html - 如何将 marquee div 放在另一个无 marquee div 的后面？

转载 作者：行者123 更新时间：2023-11-28 10:43:47 28 4
gpt4 key购买 nike

我正在尝试制作带有内部选取框的div，以将其放在没有选取框的div的后面

我无法将选取框 div 放在球体 div 的后面我怎样才能使用 CSS 做到这一点？我已经把 z-index :-9999;在移动的 div 中，但似乎不起作用

这是我的代码

HTML

<body>
    <div id="container" >
        <div id="sphere" >
            <marquee>
            <div id="moving">

            </div>
            </marquee>
        </div>
    </div
</body>

CSS

#container{
    width:200px;
    height:100px;
    background-color:#000;

}
#sphere{
    width:100px;
    height:100px;
    border-radius:50px;
    background-color:#fff;
    opacity:0.6; // i reduce the opacity of the sphere so I can see the moving div at the back
    margin:auto;
    z-index:99999;
}
#moving{
    width:50px;
    height:50px;
    background-color:green;
    margin-top:25px;
    z-index:-999999;
}

为了让事情更清楚，下面的图片显示了我想做的事情 enter image description here

基本上我只想把移动的 div 放在球体的后面

提前致谢

最佳答案

将 overflow: hidden; 添加到 #sphere。

#sphere {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #fff;
    opacity:0.6;
    overflow: hidden;
    margin: auto;
    z-index:99999;
}

CSS:overflow

关于html - 如何将 marquee div 放在另一个无 marquee div 的后面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30545194/

28 4 0
文章推荐： html - 博主的随机默认缩略图
文章推荐： ios - Iphone 网站水平溢出 20px
文章推荐： css - 2 个不同 View 的动态 DIV
文章推荐： html - 与网站上的像素无关的媒体查询