css将图片悬浮另一张图上

CSS是一种用于网页布局和样式设计的语言。使用CSS，我们可以实现各种酷炫的效果，其中之一是将图片悬浮在另一张图上。

    .container {
        position: relative;
    }
    .image1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .image2 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

以上是实现悬浮效果的CSS代码。首先，我们需要将图片所在的容器（如div）的position属性设置为relative，使其成为定位元素。接着，我们将要悬浮的图片的position属性设置为absolute，同时用top和left属性将其定位到容器的左上角。这里要注意，我们默认悬浮的图片是在容器的上方，所以要先添加在容器的前面。

如果需要多张图片叠加悬浮，则需要针对每张图片设置不同的z-index值，数值越大越靠上。在CSS中，z-index用于控制元素在垂直层面的顺序，数值大的元素会遮盖数值小的元素。

总之，通过CSS，将图片悬浮在另一张图上变得非常容易。只需要设置定位属性和z-index值即可实现。