0

我是初学者,刚开始学习基本的html和css,所以如果它是初级的,请耐心等待。

除了这种实现的优势,我还有一个查询。

在本站:https : //www.khanacademy.org/,banner图片不能右键保存。所以,我尝试在本地保存整个页面,但在保存的文件中,我找不到横幅图像。

当我最终下载图像时使用萤火虫,我发现横幅图像的颜色与我在网站上看到的颜色不同。

当我保存整个页面时,有人可以解释为什么图像文件丢失,其次,为什么颜色会发生变化?是因为,在这个容器中:#homepage-signup-callout-container(在主页 css 文件中),背景颜色:#8E4C9B;是这样设置的吗?

但是,这如何影响图像,因为它将位于此背景颜色之上?

PS:我不想非法使用图像:),我只是想知道这个场景是如何实现的。

谢谢。

4

1 回答 1

0

如果您在 firebug 中查看背景图片的 url,您会看到它以:

data:image/png;base64,

如果您尝试在浏览器窗口中打开链接,您还会看到 URL 非常长,这里实际发生的是图像数据,可能与您在文件中看到的数据相同,如果您保存它并且在记事本中打开它存储在 url(); CSS 属性作为 base64 编码数据

在此处查看数据 URI 场景:http ://www.ietf.org/rfc/rfc2397.txt

请参阅此维基百科文章:http ://en.wikipedia.org/wiki/Data_URI_scheme

还看到这个问题:为什么使用数据 URI 方案?

于 2013-09-05T13:41:06.750 回答