css父元素背景覆盖其子元素背景
2016-05-16 16:24
477 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .test1{ width: 100px; height: 100px; border: 1px solid green; background: green; position: absolute; z-index: auto; } .test2{ width: 100px; height: 100px; border: 1px solid black; background: black; position: relative; left: 20px; top: -20px; z-index: -1; } </style> </head> <body> <div class="test1"> <div class="test2"></div> </div> </body> </html>
父元素不设置z-index 的值时,默认是auto。此时在设置子元素的值为负数
相关文章推荐
- 样式重置
- css3 容器内容垂直居中
- 11种dialogBox样式打包开源,逐一详解
- CSS3那些不为人知的高级属性
- css中margin-left和left的区别
- 《CSS权威指南》基础复习+查漏补缺
- css的relative与absolute(一)
- CSS:@font-face的使用方法
- Qt利用setStyleSheet设置样式
- ACE框架整合记录6菜单权限列表样式效果
- 网页中经常见到的,点击菜单栏,跳转到执行元素的位置
- CSS3:背景
- css样式定义标记(. # html)
- html+css上传文件控件美化
- (原)css 响应式媒体查询 模板
- CSS 响应式 补充
- css样式表中的样式覆盖顺序
- css collapsing margins问题
- css图片变色变暗变亮
- css图片变色变暗变亮