我在某些网站上看到您可以使用“数据”关键字在CSS中包含图片:
.stuff {
background: transparent url(data:image/gif;base64,SOMEWEIRDCODEHERE) repeat center top;
}
奇怪的代码看起来像是base64 ecoded字符串，例如:
看起来很酷:D
我想知道如何包含这样的透明1x1像素GIF？有人知道这种图像的数据代码吗？
对较小且非常常见的图像执行此操作是一个好主意吗？所有浏览器都支持吗？
最佳答案
那就是The data URI scheme
使用数据URI厨房可以将几乎所有内容转换为数据uri。关联:
http://software.hixie.ch/utilities/cgi/data/data
关于image - 使用 "data:"的CSS透明背景图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5588043/