文档章节

CSS注意事项(四)

S
 ShirlyK
发布于 2016/11/30 16:09
字数 258
阅读 12
收藏 0

z-index注意事项

有效性

仅当元素的position属性值为 relative 或 absolute 或 fixed时,该属性才会生效

常见问题——z-index设置很大仍然被遮挡

z-index的大小对比 是对同一级的元素来说的 值越大 处于层级越高 但是 两元素父级的z-index值作用优先于该元素

比如

<div id="A"><div></div></div> <div id="B"><div></div></div> 如果A B两元素的父级元素均未设定,且AB两元素的z-index未设定或者相同,则 其内部元素的 z-index大的元素 在上层 如果AB均设置了z-index则优先比较二者的z-index值,较大的一个其内部元素处于上层。

##关于fixed -- 使用fixed的元素相对于浏览器定位,如果不设定left,top等值,其默认为未使用fixed时的位置。 -- fixed元素的宽度100%则为浏览器窗口宽度。 ###特殊情况: 对在使用transform的元素内部元素使用fixed无效

© 著作权归作者所有

共有 人打赏支持
S
粉丝 0
博文 5
码字总数 567
作品 0
武汉
私信 提问
ie8响应式兼容方案,respond.js的用法及使用时无效的解决办法

响应式布局,html5和css3,ie8不支持,可以通过respond.js插件来实现响应. 用法注意事项 一,css样式表内容.要放在css文件中, 二,css文件必须是无bom头格式的编码文件 三,css文件必须放在head标签...

越野小生
2015/10/27
0
0
微信小程序项目 配置开发环境及全面了解小程序

微信小程序项目 配置开发环境及全面了解小程序 一、下载开发工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 二、全面了解小程序 1、根据官方提供的简易教程了解小程...

79892792
2017/07/31
0
0
css书写规范

一、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color, text-ali......

皇上洗碗
2016/09/14
5
0
OO CSS -- 面向对象的CSS

OO CSS的概念 OOCSS其实就是Object-Oriented-CSS(面向对象的CSS ) image.png OO CSS的作用和注意事项 作用 image.png 注意事项 image.png image.png image.png image.png image.png image.......

神秘者007
03/15
0
0
最新最全的CSS规范指南

结构目录: 1. 重定义浏览器默认样式 2. 全局常用 CSS 样式 3. 表单及表单元素 4. 页面布局以及通用的区块样式 5. 列表样式vwmy 6. 其他特定功能块 ---------------------------------- CSS 样...

ybyron
2016/09/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里云建站

阿里云自营建站 没想到阿里云已经切入这块市场了。可以用拖动的方式来建站的模式,真的还是6.

miaojiangmin
23分钟前
2
0
linux系统top命令:virt,res,shr详解

VIRT:virtual memory usage 虚拟内存 1、进程“需要的”虚拟内存大小,包括进程使用的库、代码、数据等 2、假如进程申请100m的内存,但实际只使用了10m,那么它会增长100m,而不是实际的使用...

刘祖鹏
29分钟前
2
0
day154-2018-11-21-英语流利阅读-待学习

快手网红发明家:百万粉丝 vs 零销量 雪梨 2018-11-21 1.今日导读 “我做了一个‘雷神锤’的斜挎包,你看这里可以打开,里面可以装手机、卫生纸、钱包,觉得轻的话可以放一些砖头。咱们把它背...

飞鱼说编程
36分钟前
10
0
图灵奖得主华人高徒发布AI芯片!64位RISC-V、高度可编程,低功耗

作为RISC-V架构下的旗手玩家,睿思芯科自然希望通过产品展现出RISC-V可编程架构的巨大潜力。 https://mbd.baidu.com/newspage/data/landingshare?context=%7B%22nid%22:%22news_917924603675...

whoisliang
36分钟前
4
0
xcode 10 缺少 libstdc++6.0.9 解决方案

image.png 本方案基于xcode10正式版操作,其它版本请自行验证! 苹果在XCode10中移除了libstdc++(libstdc++.6、libstdc++6.0.9)库。 项目解决方法:删除libstdc++(libstdc++.6、libstdc++6....

壹峰
40分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部