新建一個html文件,定名為test.html,用于講解css怎么把兩個圖片疊加在一路。
在test.html文件內,新建兩個div,一個是class屬性為aa的div,另一個是class屬性為bb的div。
在test.html文件內,在兩個div內別離加上一個圖片標簽img,而且寫上兩個圖片的路徑。
在test.html文件內,利用css對兩個div的樣式進行界說,別離設置其position屬性為absolute,即兩張圖片在頁面的位置是絕對定位。
在test.html文件內,利用z-index設置兩張圖片的疊加的挨次,設置1.jpg鄙人面,2.jpg在上面。
在test.html文件內,經由過程left和top別離設置div距離頁面左邊緣的距離和距離頁面上邊緣的位置,實現兩個圖片疊加。
在瀏覽器打開test.html文件,查看實現圖片疊加的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!