CSS定位叠放次序有哪些原则要注意的
Admin 2022-07-30 群英技术资讯 351 次浏览
说明
1、值越大,定位元素在层叠元素中越高。
z-index的默认属性值为0。
2、若取值相同,则按书写顺序,后来居上。
3、后面的数字一定不能加单位。
4、定位盒子才有z-index属性。
只有相对定位,绝对定位,固定定位有这个属性,其他标准流,浮动,静态定位都没有这个属性,不能指定这个属性。
实例
.box{ position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -s100px; width: 200px; height: 200px; background-color: yellow; }
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
css如何实现自定义的属性:1、定义一个自定义属性需要使用--开始,然后属性值需要是一个有效的CSS值。2、css变量的属性名大小写敏感。3、使用自定义属性,需要在var()函数中使用。
这篇文章主要介绍了canvas绘制太极图的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
在css3中,可用“:first-letter”选择器和color属性来修改首字母颜色,语法“元素:first-letter{color:颜色值;}”;“:first-letter”可选中元素的首字母,color可给选中的字母设置文本颜色。
data-*自定义数据属性首先讲一下语法格式:data-*=“值”data-*属性包括两部分:属性名不应该包含任何大写字母,并且在前缀"data-"之后必须有至少一个字符属性值可以是任意字符串其实data-*加在标签里并没有任何含义,只不过,起到一个存放值的一个方式。在jQuery中,有一个专门的方法可以获得data-的值:data(参数) ,此方法参数为data-后
这篇文章主要介绍了详解HTML5如何使用可选样式表为网站或应用添加黑暗模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008