css如何实现图片有一定角度进入图层

html-css030

css如何实现图片有一定角度进入图层,第1张

css实现图片有一定角度进入图层，开发的时候有个图片用背景图要旋转一定角度如果只给.question添加背景，通过transfromrotate肯定是会影响文字的展示，所以把背景图放到伪类中进行旋转就可以解决这个问题了。

方法如下：

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文件，查看实现图片叠加的效果。