gpt4 book ai didi

image - CSS透明背景图片使用 "data:"

转载 作者:技术小花猫 更新时间:2023-10-29 10:39:20 24 4
gpt4 key购买 nike

我在一些网站上看到您可以使用“数据”关键字在 CSS 中包含图像:

.stuff {
background: transparent url(data:image/gif;base64,SOMEWEIRDCODEHERE) repeat center top;
}

奇怪的代码看起来像一个 base64 编码的字符串:

R0lGODlhMwAxAIAAAAAAAP/// yH5BAAAAAAALAAAAAAzADEAAAK8jI+pBr0PowytzotTtbm/DTqQ6C3hGX ElcraA9jIr66ozVpM3nseUvYP1UEHF0FUUHkNJxhLZfEJNvol06tzwrgd LbXsFZYmSMPnHLB+zNJFbq15+SOf50+6rG7lKOjwV1ibGdhHYRVYVJ9Wn k2HWtLdIWMSH9lfyODZoZTb4xdnpxQSEF9oyOWIqp6gaI9pI1Qo7BijbF ZkoaAtEeiiLeKn72xM7vMZofJy8zJys2UxsCT3kO229LH1tXAAAOw==

看起来很酷:D

我想知道如何添加这样的透明 1x1 像素 GIF?有谁知道这样一张图片的数据代码吗?

对小而非常常见的图像执行此操作是个好主意吗?所有浏览器都支持吗?

最佳答案

这叫做 The data URI scheme

使用 Data URI Kitchen 将几乎所有内容转换为数据 uri。关联: http://software.hixie.ch/utilities/cgi/data/data

关于image - CSS透明背景图片使用 "data:",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5588043/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com