在CSS中如何设置图层_IT百科

可以用z-index控制，具体步骤如下：

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

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

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

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

方法如下：

1、新建一个html文件，命名为test.html，用于讲解css怎么把两个图片叠加在一起。

Document

2、新建两个div，一个是class属性为a的div，另一个是class属性为b的div。

3、在两个div内分别加上一个图片标签img，并且写上两个图片的路径。

4、使用css对两个div的样式进行定义，(相关课程推荐：css视频教程)分别设置其position属性为absolute，即两张图片在页面的位置是绝对定位。

5、使用z-index设置两张图片的叠加的顺序，设置1.jpg在下面，2.jpg在上面。

6、通过left和top设置div距离页面左边缘的距离和距离页面上边缘的位置，实现两个图片叠加。

7、在浏览器打开test.html文件，查看实现图片叠加的效果。

新建图层可通过图层窗口新建按钮新建图层，下面用PS CS6演示：

一、首先是观察自己PS软件是否有图层这个窗口。

二、如果没有该窗口，那么需要先添加该窗口，点击工具栏上的窗口菜单。

三、d出的窗口菜单中找到图层功能，点击添加图层窗口。

四、最后点击图层窗口右下角的新建图层按钮即可新建一个图层。

欢迎分享，转载请注明来源：内存溢出

在CSS中如何设置图层