如何管理一个页面中多个虚拟窗口，实现点击任意一个将其提升到最前（用户完全可见，不会被遮挡）

最新推荐文章于 2020-11-02 10:38:34 发布

石倩蓉

最新推荐文章于 2020-11-02 10:38:34 发布

阅读量660

点赞数

分类专栏： jquery css

本文链接：https://blog.csdn.net/shiqianrongcsdn/article/details/46917867

版权

* { padding: 0; margin: 0;}#wins{position:relative;}.win{width:200px;height:100px;position:absolute;}.win1{backg

摘要由CSDN通过智能技术生成

<!--
如何管理一个页面中多个虚拟窗口（div，通过 z-index 进行区分），实现点击任意一个将其提升到最前（用户完全可见，不会被遮挡）
-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script src="jquery-1.8.3.min.js"></script>
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
#wins{position:relative;}
.win{width:200px;height:100px;position:absolute;}
.win1{background:yellow;left:0;top:0;}
.win2{background:red;left:50px;top:20px;}
.win3{background:green;left:100px;top:40px;}
.win4{background:blue;left:150px;top:60px;}
</style>
</head>
<body>
<div id="wins">
	<div class="win win1" >1</div>
	<div class="win win2">2</div>
	<div class="win win3">3</div>
	<div class="win win4">4</div>
&l

最低0.47元/天解锁文章

石倩蓉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何管理一个页面中多个虚拟窗口，实现点击任意一个将其提升到最前（用户完全可见，不会被遮挡）

* { padding: 0; margin: 0;}#wins{position:relative;}.win{width:200px;height:100px;position:absolute;}.win1{backg
复制链接

扫一扫

专栏目录