• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 1551 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    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 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆