在CSS中,您可以使用background-image
屬性來添加圖片到元素后面,以下是一個簡單的示例:
div { background-image: url('image1.png'); position: relative; } div::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('image2.png'); }
在這個示例中,div
元素首先使用background-image
屬性添加了一張圖片(image1.png
),通過position: relative;
將div
元素的定位設(shè)置為相對定位,使用div::after
偽元素在div
元素后面添加了一張新的圖片(image2.png
),偽元素::after
使用position: absolute;
將其定位設(shè)置為***定位,并且使用top: 0; left: 0;
將其定位到div
元素的左上角,通過width: 100%; height: 100%;
將偽元素的寬度和高度設(shè)置為與div
元素相同。
這樣,在CSS中就可以實現(xiàn)圖片后面添加圖片的效果了,您可以根據(jù)需要調(diào)整圖片的位置、大小和透明度等屬性。