css 图片上加图片不显示不出来

在网页设计中，常常会用到在图片上添加另一张图片的效果。然而，有时候我们会遇到这样的问题：我们的浏览器看到了HTML代码中的标签，但是图片却没有显示出来。这种情况的解决方法就是注意CSS代码的书写。

    img {
        position: relative;
    }
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

上面的CSS代码是一个基本示例。我们首先设置图片的position属性为relative，这样可以为我们接下来添加的另一张图片提供一个参照物。然后使用一个名为“overlay”的CSS class，使用absolute属性将其设置为绝对定位。同时设置它的top和left值为0，这样可以使其覆盖在主图片上。最后设置它的z-index属性为2，这样可以使其呈现在相对位置更低的主图片上方。

另外，需要注意的是，如果我们要使用相对路径添加图片，应该将其相对于CSS文件的路径进行设置，而不是相对于HTML文件的路径。

总结起来，若在图片上添加另一张图片不显示，应该先检查CSS代码的正确性。我们需要确保覆盖图片是绝对定位的，并设置了z-index属性。此外，相对路径要以CSS文件路径为基准进行设置。