在CSS中如何设置图层

html-css07

在CSS中如何设置图层,第1张

可以用z-index控制,具体步骤如下:

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<img style="position: absolutetop:0z-index: 1" src="image.jpg" />

<img style="position: absolutetop:0" src="small2.png" />

3、浏览器运行index.html页面,此时大图因为z-index更大而被设置到更上面的图层了。

不是太明白你所说的二种方法是什么意思,要小程序就用自定义,不过是可视化操作自定义,这样方便又直观。

北大青鸟鲁广校区是由武汉宏鹏职业培训学校与北京阿博泰克北大青鸟信息技术有限公司合作建立,从事ACCP国际软件工程师培训,旨在培养技能+职业素质的高层次人才。

武汉北大青鸟鲁广校区位于光谷软件园中心,毗邻华中科技大学等著名大学学府,是您选择学习,就业的理想之处。 联系地址: 武汉洪山区鲁巷广场武汉数码港3楼

层级关系的布局有两种解决方法:

一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。

而第一种方法却不是万能的,有时候我们需要将原本位于下层的元素移到另一个元素上方,那可以使用z-index;

而你说的不好用,则是zindex没有生效,没生效就是没有定义position属性,如果不想让元素的位置有所变化,就给赋予z-index属性的元素加上相对定位的position:relative