CSS基础学生11-CSS用z-index进行层次堆叠
来源:互联网 发布:机顶盒的电视直播软件 编辑:程序博客网 时间:2024/06/08 17:06
所有CSS基础学习文档下载地址:http://download.csdn.net/detail/rongrong_love_lc/9663463
十一、CSS用z-index进行层次堆叠 CSS可以处理高度、宽度、深度三个维度。 value:z-index:数字[数字较大的元素将叠加在数字较小的元素之上] html文件如下: <html> <head> <title>Color例子</title> <link rel="stylesheet" type="text/css" href="color.css"/> </head> <body> <div > <img id="box1" src="image1.jpg" alt="imag1" /> <img id="box2" src="image2.jpg" alt="imag2" /> <img id="box3" src="image3.png" alt="imag3" /> </div> </body> </html> CSS文件如下: #box1{position:absolute; top:20px; left:50px; color:blue; z-index:1; } #box2 {color:red; position:absolute; top:140px; left:70px; z-index:2; } #box3 {color:red; position:absolute; top:180px; left:90px; z-index:3; }
0 0
- CSS基础学生11-CSS用z-index进行层次堆叠
- CSS--用z-index进行层次堆叠
- 第15课:用z-index进行层次堆叠
- CSS---堆叠顺序---position---z-index
- css 中使用 z-index + absolute控制层的堆叠
- z-index应用 解决css层次问题
- CSS基础:z-index详解
- css元素的堆叠顺序(z-index堆叠上下文(stack contex))
- CSS基础(七):z-index详解
- CSS基础(七):z-index详解
- CSS基础(七):z-index详解
- CSS z-index 属性 控制div上下层次
- CSS z-index
- css z-index
- css中z-index
- css:z-index
- css z-index 不起作用
- CSS z-index 属性
- 最近做小四轴的一些问题
- windows下MatConvNet深度学习框架的搭建
- AngularJS 动画
- 基本线程同步
- cesium原理篇(二)--网格划分
- CSS基础学生11-CSS用z-index进行层次堆叠
- $.extend()详解
- cglib中Enhancer的简单使用
- oracle数据库的blob和clob类型,是什么意思和区别
- Android开发 百度地图接入报错 APP Scode码校验失败的解决方案
- POJ Problem 3931 Classmates题解
- 基于大数据与深度学习的自然语言对话
- 简单的多线程下载和断点续传
- 线程基础(1)