有没有办法在 GFM 中保持 SVG 透明度
Is there a way to maintain SVG transparency in GFM
我的个人资料“username/username”有一个 GitHub 存储库,在 README.MD 我有以下行。
<code><img width=32 src="res/github.svg"> Github</code>
这行代码对应如下预览:
出于某种原因,SVG 中透明的部分呈现为白色,正如您在黑色圆圈外部看到的那样。
有没有办法让透明度按预期运行?
更新:感谢您将 link 发布到您提到的网页。在下面添加了解决方案。
这可能是一个简单的问题,将白色背景定义为靠近文件顶部的元素。这通常由设计人员使用 Adobe Illustrator 在将图像导出为 SVG 时保留画板尺寸来完成。所以我怀疑猫标志在某处启用了白色背景。
也有可能 enable-background 属性,但在检查您的确切图像之前很难判断。
添加:透明 SVG 徽标后面的白色背景是因为图像样式,在 images.scss 中定义(我相信它被主 CSS 文件调用 linked在页面中)。
您看不到我已经在浏览器开发人员工具中删除了对此样式属性的检查,但这会删除徽标图像后面的白色背景。
我不相信你可以改变它(GitHub 应该实现它)除非可以在你的个人资料中使用类似以下的样式覆盖该样式:
.markdown-body img { background-color: none !important }
重新定义引起你审美不满的全局风格。
我的个人资料“username/username”有一个 GitHub 存储库,在 README.MD 我有以下行。
<code><img width=32 src="res/github.svg"> Github</code>
这行代码对应如下预览:
出于某种原因,SVG 中透明的部分呈现为白色,正如您在黑色圆圈外部看到的那样。
有没有办法让透明度按预期运行?
更新:感谢您将 link 发布到您提到的网页。在下面添加了解决方案。
这可能是一个简单的问题,将白色背景定义为靠近文件顶部的元素。这通常由设计人员使用 Adobe Illustrator 在将图像导出为 SVG 时保留画板尺寸来完成。所以我怀疑猫标志在某处启用了白色背景。
也有可能 enable-background 属性,但在检查您的确切图像之前很难判断。
添加:透明 SVG 徽标后面的白色背景是因为图像样式,在 images.scss 中定义(我相信它被主 CSS 文件调用 linked在页面中)。
您看不到我已经在浏览器开发人员工具中删除了对此样式属性的检查,但这会删除徽标图像后面的白色背景。
我不相信你可以改变它(GitHub 应该实现它)除非可以在你的个人资料中使用类似以下的样式覆盖该样式:
.markdown-body img { background-color: none !important }
重新定义引起你审美不满的全局风格。