使用多种背景的CSS Sprite工作表

文章/答案/技术大牛

发布

2回答

html、css

我正在使用CSS Sprite Sheet技术，但在处理多个背景时遇到了问题。 background: url(https://n3olukas.000webhostapp.com/images/nav-icons.png) -165px -19px我尝试过高度和宽度属性，但我认为它不

浏览 5提问于2017-07-23得票数 0

回答已采纳

2回答

在javascript中声明来自sprite工作表的单个图像

javascript、sprite

我正在尝试用javascript定义和声明一个来自精灵工作表的图像。我在外部样式表中定义了如下图像：myimage.src="background:url('spriteSheet.png') 0 0; width: 35px; height: 16px; no-repeat"; 我<em

浏览 0提问于2013-01-21得票数 1

1回答

我是否可以使用<asp: asp.net的图像从这些图像中生成一个精灵图像？

asp.net、css、sprite、css-sprites

我的主页顶部有一个asp.net (vb)网站上的12行标志，允许用户选择他们的语言。各种速度测试，如YSlow和Google，都告诉我如何将这些图像()用于最小化http请求。如果它们是asp: image的，并且有一个悬停图像，我将如何这样做？现在，我有12个链接按钮；它们看起来如下(请注意，当您悬停在一个标志上，这将创建其上方的悬停图像)：下面是我为这些图像编写的代码： <asp:LinkButton ID="btnSelectEnglish是否有可

浏览 1提问于2012-11-01得票数 1

回答已采纳

1回答

如何将作为精灵工作表一部分的div背景图像对中？

css、background-image、centering、sprite-sheet

我有一个雪碧片作为背景图像在一个div内。我只想显示一个精灵作为背景图像，但也中心的雪碧。我该怎么做？

浏览 3提问于2016-03-12得票数 1

回答已采纳

1回答

如何在easeljs中从精灵工作表加载位图

easeljs、createjs

我正在使用easeljs库。我使用sprite生成器创建了一个包含所有资源(按钮、背景图像、图标等)的精灵工作表。我得到了一个精灵工作表和一个css文件(包含坐标，尺寸)。我需要加载雪碧表中的每一个图像。

浏览 4提问于2013-05-09得票数 1

回答已采纳

2回答

如何将图标上的区域映射到按钮？

c#、asp.net-mvc-3、button、icons、css-sprites

我想为我的ASP.NET MVC3网站使用登录按钮集()，并将图标分配给相应的按钮，但按钮集是单个图像：将图像的不同部分“映射”到单独的按钮的正确方法是什么？

浏览 3提问于2012-01-21得票数 2

回答已采纳

2回答

使用sprite工作表的列表项的CSS背景大小

html、css、hover、background-image、css-sprites

请看我这里的片段：<ul> <li>Item2 with more text</li></ul>我正在尝试css样式的无序列表的</e

浏览 4提问于2014-02-19得票数 1

回答已采纳

2回答

来自sprite的居中背景图像

html、css、css-sprites

中使用雪碧图作为背景。我想图像居中的不同宽度的菜单项。目前，对于第一项，正确的CSS为：对于第二个：对于第三个： background: url(images/sprite

浏览 1提问于2013-07-02得票数 4

回答已采纳

3回答

只显示图像的一小部分

html、css

最近，当我右击十字图标并在“询问问题”页面的标签部分看到背景图像时，我看到它由多个图标组成，而不是十字架。我在google上搜索了它，并知道它是用html和css完成的。搜索结果没有帮助。我是新的html和搜索后，我被介绍到这种新的语言css。对于像你这样的专家来说，这可能是一个简单的问题，但对于像我这样的初学者来说，这可能是一个令人头痛的问题。拜托，我真的很想知道它是怎么做的。

浏览 14提问于2013-12-25得票数 1

回答已采纳

7回答

CSS -使用带有多幅图像的一幅背景图像

css、background、css-sprites

我观察到，网站通常只使用一个背景图像，其中包含多个图像。例如，不是单独使用图标，而是将所有图标放在一个图像上，然后在不同的部分使用图像的不同部分。

浏览 10提问于2011-03-04得票数 17

回答已采纳

3回答

css精灵的工具？

css

我已经看到了其他类似的问题，但我正在寻找一个具有特定功能的工具:我希望它能够在创建的sprite中调整给定图像的大小和居中。我的意思是:我有一个48x48的按钮，我有一堆不同大小的图像，所有这些都是该按钮的潜在背景。是否有工具可以将这些图像居中，以提供所需的48x48？理想情况下，它将缩小较大的图像，但保持较小的图像不变。最后，它应该能够创建图标和相应的c

浏览 4提问于2011-11-30得票数 2

回答已采纳

4回答

使用带有输入的Sprite图像

html、css、forms

我想知道是否有可能使用sprite，其中每个图像都是16x16作为输入文本/文本区域的背景，大约是300px。任何人都知道一种方法，或者我应该把它们分成不同的背景。

浏览 1提问于2011-06-22得票数 3

回答已采纳

6回答

使用CSS作为列表(<li>)背景图像

html、css、css-sprites

可以为列表背景图像使用CSS精灵吗？通常，我使用CSS呈现我的精灵，如下所示：.sprite-checkmark {-48px; width: 14px; height: 14px; } <div class="sprite sprite-checkmark&qu

浏览 0提问于2010-03-05得票数 35

回答已采纳

3回答

如何在CSS注释中使用更少的变量？

html、css、less

有没有可能在混入的CSS注释中使用更少的变量？我需要用它来喷水。例如(不工作/仅替换图像路径)： /** sprite: sprite-@{width}; sprite-image: url('../img/@{width}/sprite-@{width}.png'); sprite-

浏览 1提问于2012-08-23得票数 6

回答已采纳

3回答

按钮悬停效果

image、css、button

我是CSS和web编程的新手。我想要做的是为按钮添加一个悬停效果。我使用2张图片来做这件事。有一个名为download的按钮，我在悬停代码中添加了： background-image:url(images/button2.png); 问题是按钮需要时间来加载编辑:我试着使用预加载，但也有一种延迟{ height: 0px; backgro

浏览 1提问于2012-11-17得票数 1

2回答

CSS中的媒体片段URI替代方案？

css、css-sprites、sprite-sheet

所以，我想用雪碧表在CSS中做一个背景图像。我要说的是，不，我不是去找。我有一个完整的雪碧床单，我想取一个16便士乘16便士的正方形，并设置它作为背景，将重复。在将来的某个时候，我希望能够通过来完成这个任务，但是由于这个，我正在寻找一个替代方案。有任何方法可以通过现代CSS技术或黑客获得同样的效果吗？一些注意事项：我更喜欢纯<em

浏览 2提问于2012-01-16得票数 3

回答已采纳

3回答

使用CSS调整雪碧图像的大小

css

我有一个CSS精灵，大小为32x32px的各种图标。32px icons: <div class="sprite" style="b

浏览 5提问于2016-12-15得票数 5

回答已采纳

3回答

指南针精灵悬停状态

css、compass-sass

我正在使用指南针，我已经让我的指南针精灵工作得很好。页面加载，使用指南针生成的sprite显示我的图像。我的问题是，我现在如何在这些上设置悬停？我是一个新的指南针，所以我不明白这是如何工作的，指南针文档对我没有帮助。

浏览 3提问于2012-09-06得票数 5

回答已采纳

3回答

使用CSS属性更改元素的背景

jquery、css、toggle、background-position

我有一个带有背景的div，我想在点击时改变背景的位置。这是我的jQuery代码片段： $(this).css('backgroundPosition', '-40px');$('#spr

浏览 1提问于2009-07-29得票数 2

回答已采纳

点击加载更多