Question

我已经搜索了几个小时，但是没有找到建议。我有一个淡蓝色的页面横幅。在上面放置了一个透明的png图像文件。蓝色背景没有显示出来，我只看到透明的白色/灰色棋盘效果。

这很简单。我有一个在CSS中定义的Div容器和一个img类。这是CSS

.header-column-small {
    float: left;
    width: 30%;
    background-color: transparent !important;
    }

.header-column-small img {
    width:220px;
    height: 150px;
    object-fit: contain;
    }

背景色是在父div类的整个链中定义的。

这是HTML

<div class="header-column-small">
                <img src="books-on-shelf-small.png" />
</div>

这是它的样子 Screenshot

我尝试使用背景色：在图像类和直接图像容器（header-column-small）中都是透明的，但是没有更好的选择。

任何帮助都非常感谢非常感谢标记

Answer 1

好的，垂头丧气...：）

原来，PNG文件根本不是透明的背景图像。只是警告其他人，他们可能正在网上搜索其项目的图片。声称提供“透明” png文件的网站并非总是如此。

在尝试各种代码修改以解决实际上不存在的问题之前，我应该先寻找明显的问题。

感谢那些回答如此迅速的人，为我的近视带来了光芒！

欢呼标记

使用CSS透明PNG不显示背景色

1 个答案: