如何把marquee div放在另一个没有选择的div的后面?

时间:2015-05-30 10:49:25

标签: html css

我正在尝试使用内部选框制作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放在球体的后面

提前致谢

1 个答案:

答案 0 :(得分:4)

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