javascript - css-sprites 与内联/javascript

Question

我正在做一个显示很多小图标(星星、旗帜、文件夹...)的网站

现在我正在使用 CSS Sprite 技术，它工作得很好，但很难维护。

我正在考虑制作一个大的 .js 文件，其中所有图像都编码为 javascript 变量。然后以这种方式显示图像:

images.js

var myimage1 = 'data:image/png;base64,iVBORw0KGgoAAAANS...';
var myimage2 = 'data:image/png;base64,cB324CD64aB3Cme23...';

html代码

<script type=text/javascript src=images.js></script>
....
<img src="javascript:myimage1">
<img src="javascript:myimage2">

我知道 .js 文件会更大，但它很容易维护，并且会被浏览器缓存。

这是好事还是坏事？这是跨浏览器吗？

Answer 1

继续使用 CSS Sprite 。如果您的用户禁用了 JavaScript，他们将看不到图像。