gpt4 book ai didi

html - 多个实例相同的数据 url 图片

转载 作者:太空狗 更新时间:2023-10-29 13:14:04 24 4
gpt4 key购买 nike

如何重新实例化一个已经声明的 base64 数据 url 图像,而不必在同一页面上重新插入 base64 代码?(最好使用 css)

我试过:

<html><head>
<style type="text/css">
img.wink { width:15px; height:15px;
src:"data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARXkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnDCQrtrxxjCoJSZw+y+CKnDo/WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs=";
}
</style>
</head><body>
<h1>Hello</h1>
<img class="wink"/>, and just to test my sanity <img width="15px" height="15px" src="data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARXkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnDCQrtrxxjCoJSZw+y+CKnDo/WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs=" alt=";)"/>.
</body></html>

最佳答案

src 不是有效的 CSS 属性。为此,您需要使用 content...

img.wink  {
content: url(data:image/gif;base64,BLAH_BLAH_BLAH);
height: 15px;
width: 15px;
}

有效:Live Demo

关于html - 多个实例相同的数据 url 图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4055093/

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