AI编程助手
AI免费问答
文章
专题fine
AI工具hot
学习
下载
问答
源码
最近更新

技术文章  >  web前端 > html教程

div悬浮

  2016-08-30 09:21   1503浏览 原创 
<!DOCTYPE html <span style="color: #0000ff;">PUBLIC</span> "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
</style>
</head>
<body>
<!--z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。z-index 仅能在定位元素上奏效（例如 position:absolute;）！-->
<div style='position:relative; width:500px; height:500px;'>
<div style='position:absolute; z-index:2; width:300px; height:300px; left:0px; top:0px; background-color:red;'></div>
<div style='position:absolute; z-index:3; width:200px; height:200px; left:0px; top:0px;background-color:green;''<span style="color: #000000;">></div>
</div>
</body>
</html> </span>

效果：

PHP速学视频免费教程(入门到精通)

PHP速学视频免费教程(入门到精通)

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：移动端项目开发总结 下一条：移动端web开发总结

相关文章

查看更多

最新文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！