多个实例相同的数据url图像
如何重新实例化已经声明的base64数据网址图像而不必在同一页面上重新插入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>
没有找到相关结果
已邀请:
4 个回复
玩翁文醚碱
不是有效的CSS属性。你需要使用......img.wink { content: url(data:image/gif;base64,BLAH_BLAH_BLAH); height: 15px; width: 15px; }艾食魄轻县
中使为，然后你可以按类引用它。<html> <head> <style type="text/css"> div.wink { width:15px; height:15px; background-image: url('data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARXkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnDCQrtrxxjCoJSZw+y+CKnDo/WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs='); } </style> </head> <body> <h1>Hello</h1> <div class="wink"></div> <br/> and just to test my sanity <div class="wink"></div>. </body> </html>篮肥炼皖
<html><head> <style type="text/css"> div.wrapper { background-image: url(data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9E///x//lAP//6wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAPAA8AAARXkEkZap2Y1ZXOGRcWcAgCnEMRTEEnnDCQrtrxxjCoJSZw+y+CKnDo/WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs=); width:15px; height:15px; } </style> </head><body> <h1>Hello</h1> <div class="wrapper"> <br/> </body></html>宠封钞轰
否则，您可以将base64字符串保存在服务器端变量中，然后将src置于其所需的任何位置 如果您不能使用服务器端语言，您仍然可以使用javascript（但最好不要依赖脚本来实现内容的可访问性），只需在domready上使用一个代码片段，如下所示：var img = document.getElementsByTagName('img'), len = img.length; while (--len) { if (-1 < img[len].className.indexOf('wink')) img[len].src = 'data:image/.gif;base64,..."; }