CSS3 背景图插入 SVG 或图片 base64

最新推荐文章于 2024-07-07 21:27:28 发布

Alvizel

最新推荐文章于 2024-07-07 21:27:28 发布

阅读量6.1k

点赞数 1

分类专栏： css3 css冷门功能

本文链接：https://blog.csdn.net/Aiamal/article/details/53933008

版权

CSS3允许在样式中直接插入SVG或图片的Base64编码，无需引用外部资源。通过在数据URI中指定`data:image/svg+xml;charset=utf-8`或转换为Base64，可以实现背景图的内联显示。这种方法节省了引用URL的资源，尤其适用于小尺寸图片。转换Base64的在线工具如b64.io提供了便利，但长编码可能带来挑战。

摘要由CSDN通过智能技术生成

css3 有个冷门功能

可以样式里直接写入图片
不需要引用外部图片，而是直接在样式里写

data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><circle cx="50%" cy="50%" r="10"