如何将字幕div放在另一个非字幕div的后面？
布兰登·杰克·苏拉诺（Brandon Jake Sullano）
我正在尝试使用内部选框使div放在没有选框的div后面
我无法将选取框div放在sphere 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;
}
为了使事情变得清晰，下图显示了我想做的事 
基本上我只想将移动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：溢出
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
构建类似于Jarvis的本地语言应用程序
- 2
在 Avalonia 中是否有带有柱子的 TreeView 或类似的东西？
- 3
Qt Creator Windows 10 - “使用 jom 而不是 nmake”不起作用
- 4
SQL Server中的非确定性数据类型
- 5
使用next.js时出现服务器错误，错误：找不到react-redux上下文值；请确保组件包装在<Provider>中
- 6
Swift 2.1-对单个单元格使用UITableView
- 7
Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听
- 8
HttpClient中的角度变化检测
- 9
如何了解DFT结果
- 10
错误：找不到存根。请确保已调用spring-cloud-contract：convert
- 11
Embers js中的更改侦听器上的组合框
- 12
在Wagtail管理员中，如何禁用图像和文档的摘要项？
- 13
如何避免每次重新编译所有文件？
- 14
Java中的循环开关案例
- 15
ng升级性能注意事项
- 16
Swift中的指针替代品？
- 17
如何使用geoChoroplethChart和dc.js在Mapchart的路径上添加标签或自定义值？
- 18
使用分隔符将成对相邻的数组元素相互连接
- 19
在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID
- 20
ggplot：对齐多个分面图-所有大小不同的分面
- 21
完全禁用暂停（在内核级别？-必须与使用的DE和登录状态无关！）
我来说两句