css怎么把两个图片叠加在一起

新建一个html文件,定名为test.html,用于讲解css怎么把两个图片叠加在一路。

  • 2

    在test.html文件内,新建两个div,一个是class属性为aa的div,另一个是class属性为bb的div。

  • 3

    在test.html文件内,在两个div内别离加上一个图片标签img,而且写上两个图片的路径。

  • 4

    在test.html文件内,利用css对两个div的样式进行界说,别离设置其position属性为absolute,即两张图片在页面的位置是绝对定位。

  • 5

    在test.html文件内,利用z-index设置两张图片的叠加的挨次,设置1.jpg鄙人面,2.jpg在上面。

  • 6

    在test.html文件内,经由过程left和top别离设置div距离页面左边缘的距离和距离页面上边缘的位置,实现两个图片叠加。

  • 7

    在浏览器打开test.html文件,查看实现图片叠加的结果。

    • 发表于 2019-09-10 17:00
    • 阅读 ( 1543 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具