有没有办法在 GFM 中保持 SVG 透明度

Question

我的个人资料“用户名/用户名”有一个 GitHub 存储库，在 README.MD 上我有以下行。

<code><img width=32 src="res/github.svg"> Github</code>

这行代码对应如下预览：

由于某种原因，SVG 中透明的部分被渲染为白色，正如您在黑色圆圈外部看到的那样。

无论如何我可以让透明度按预期工作吗？

Answer 1

更新：感谢您发布指向您提到的网页的链接。在下面添加了解决方案。

这可能是一个简单的问题，将白色背景定义为文件顶部附近的元素。这通常由设计人员使用 Adob​​e Illustrator 完成，以在将图像导出为 SVG 时保留画板尺寸。所以我怀疑猫标志在某处启用了白色背景。

也有可能启用背景属性，但在检查您的确切图像之前很难判断。

添加：原本透明的 SVG 徽标背后的白色背景是因为图像样式，在 images.scss 中定义（我相信它会被页面中链接的主要 CSS 文件调用）。

您看不到我已在浏览器开发者工具中删除了对该样式属性的检查，但这会删除徽标图像后面的白色背景。

我不相信你可以改变它（GitHub 应该实现它），除非可以用如下样式覆盖你的个人资料中的该样式：

.markdown-body img { background-color: none !important }

重新定义引起您审美不满的全球风格。