无法将具有透明背景的 .png 或任何图片添加到 HTML 页面

Question

我创建了一个这样的 HTML 页面：

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <style>
            body {
                background-color: bisque;
            }
        </style>
    </head>
    <body>
        <img src="/cat.png">
    </body>
</html>

而cat.png图片是这样的：

它有一个透明的背景。但是我的页面看起来像这样：

那么，问题来了：为什么页面上没有显示图片？

Answer 1

原来我需要像这样在图片的路径上添加一个点：

<img src="./cat.png">

无法将具有透明背景的 .png 或任何图片添加到 HTML 页面

Cannot add .png with transparent background or any picture to an HTML page

html

png

transparency