javascript - 为网站选择一个图标形式的图标包

标签 javascript html css image icons

我在一个 文件中有一堆图标/图像。我试图从该文件中选择一些图标,而不是将文件分割成更小的图像文件。

有没有办法在不创建多个较小的图像文件的情况下显示整个文件中的特定图标 - 可能使用 javascript 或 css?谢谢。

P.S:这不适用于任何移动平台,这将是一两次的事情——所以我尽量避免安装任何其他应用程序( native 或其他)来完成这个小元素。

最佳答案

您可以为图标使用 css sprite,这要求所有图标都在一个图像文件中,然后您可以使用具有特定宽度和高度的背景来遮盖图像的其余部分

img.home{
 width:46px;
 height:44px;
 background:url(img_navsprites.gif) 0 0;
}

您可以在这里阅读更多内容:http://www.w3schools.com/css/css_image_sprites.asp

关于javascript - 为网站选择一个图标形式的图标包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24039250/

相关文章:

html - 如何创建一个水平显示元素的组合框?

使用 math.random 的 Javascript 单选按钮鼠标悬停移动图像

javascript - 带有摘要式身份验证的 Swagger UI

javascript - 如何防止 JavaScript 执行堆栈被过多的递归级别填满?

html - Bootstrap css 否决了我的 slidemenu 的 css

javascript - 如何使用 javascript 获取 HTML 元素的非计算 marginLeft 样式值?

javascript - Ajax 请求运行 NodeJS 函数,该函数运行 bash 脚本

javascript - 无法获取复选框来选中和取消选中其他人

html - 如何将子子菜单对齐到子菜单的右侧?

jquery - 如何通过单击按钮并将按钮变成使用 jQuery 选择的图像来接受图像?