设置背景css精灵图像宽度

文章/答案/技术大牛

发布

2回答

css、css-sprites

有没有办法设置背景css精灵图片的宽度？display: block; padding: 0 0 0 30px; 现在上面的a标签是60px的宽度，30px的单词‘商店’，30px左填充购物车图标，因为我正在使用的背景图标的css精灵，现在它是显示60px的背景图像，而不仅仅是我想要显示的30px。我也尝试

浏览 33提问于2017-02-23得票数 0

3回答

CSS悬停图像的出现与消失

html、css、image

我正在处理一个下拉菜单，我想完全用CSS制作。在链接中，我将不仅有文本，需要改变时，徘徊，但也有一个图像。更改文本的颜色很容易。然而，我不知道如何在悬停时交换图像.下面是我想要的结果：其中的箭头将是小图像，将切换时，链接是盘旋。我如何使用CSS来完成这个任务？

浏览 5提问于2014-07-13得票数 0

回答已采纳

3回答

精灵图像在x中重复

html、css、sprite

我有一个图像，我想将这个图像设置为diff。像标题图像plack一样的地方。 img { border: 1px solid silver;<div alt=&#x

浏览 1提问于2014-02-28得票数 0

4回答

具有不同高度和宽度的CSS Sprite

html、css、sprite

为了尽可能减少HTTP请求，我想做一个带有所有背景模式的sprite。我已经为网站制作了2个精灵，但所有的高度和/或宽度都使用特定的大小contacts.png (67px*100px)portfolio.png (80px*80px) 对于每一个，我都有这样的CSS

浏览 0提问于2012-12-27得票数 0

回答已采纳

2回答

CSS Sprite和重复背景

html、css、css-sprites

我想将我所有的小图片保存在一个sprite文件中，例如：现在假设我想要添加一个薄的背景图像，它的目的是在一个元素宽度的100%上重复-x：这是不是必须存储为单独的实体，或者我可以以某种方式将其存储在sprite图像中？我不知道是否有可能做一个背景-在精灵的一部分重复，我想不可能，但我很确定我在什么地方见过它。

浏览 6提问于2011-02-19得票数 17

回答已采纳

2回答

我的css属性背景url没有显示图像sprite吗？

html、css、image、background-image

我正在从w3schools获得图像，我正在使用图像精灵进行练习。我不知道我做错了什么。我尝试用图像标记和div标记创建一个图像精灵，但这两个选项都不起作用。我不知道我的路径是否错了，但是我的图像精灵在一个叫做“图像”的文件夹中，我的网站在我的桌面文件夹中。以下是我的html代码：

浏览 2提问于2022-03-30得票数 0

回答已采纳

1回答

TextBox背景中的雪碧图

input、background、background-image、css-sprites、shorthand

我想在输入文本框的背景中显示一个图像。图像应该放在输入文本框的最右边的中心部分。可以通过以下代码轻松完成：css将为： background:url('image.png') no-repeat right center;我面临的问题是图像是一个精灵，由3个<e

浏览 0提问于2012-05-08得票数 1

回答已采纳

4回答

CSS优化

css、image、optimization、gif

我注意到Digg和Google在他们的GIF标题图像中使用了一种CSS优化。例如，digg使用以下图像：他们为什么要使用这种技术，以及如何在我自己的网站上使用它？

浏览 4提问于2009-12-14得票数 3

回答已采纳

5回答

Fluid布局和css精灵

css、css-sprites、responsive-design、fluid-layout

我使用css精灵在固定宽度的设计上显示背景。我正在改变流畅的布局，但由于背景位置的原因，当浏览器调整大小时，背景图像会变得不稳定。有没有可能使用带有流体网格背景的css精灵，它可以根据布局调整大小？我需要与ie 7和8与其他最新浏览器的布局兼容

浏览 0提问于2012-02-06得票数 5

4回答

CSS -Sprite作为背景图像

css

为了做到这一点，我决定使用css精灵。我已经将我所有的图像放在一个名为images.png的.png文件中。Before CS

浏览 0提问于2010-05-19得票数 5

1回答

增强响应图像的性能

html、css、responsive-design

我在页面上运行了yslow扩展，建议将宽度和高度属性插入到图像中，这样它就可以在加载css之前呈现图像：(示例)我的问题是，是否有一种方法来实现类似的东西，但以保留页面上图像的响应属性的方式？

浏览 4提问于2014-06-11得票数 0

回答已采纳

3回答

垂直居中和水平居中CSS背景图像Sprite

css、background-image

在没有额外标记的情况下，我如何将背景图像添加到某个高度和宽度的div (从多个放在一起的精灵图像中拉出)，同时将其垂直和水平居中？当它是一个单独的图像时，它就是蛋糕：<div id="blog"></div>#blog .circle {/img/blog

浏览 0提问于2014-06-27得票数 0

2回答

如何使用CSS精灵处理重复的背景图像？

html、css

如果你在这里查看我的代码和演示，在DIV下面，我有相同div，但这次我尝试使用CSS Sprite图像/* Notice wrapper with Single Image */ margin-top: 10px;

浏览 1提问于2012-03-31得票数 13

回答已采纳

2回答

如何将精灵图像添加到也有锚点文本的锚点

html、css

我正在使用锚标签的精灵图像，它也是一个锚链接，类似：我的css： background: url(sprites.PNG) no-repeat 0 0;important; padding-right: 7px;我只想给雪碧图背景图像的高度和宽度。但是如果我设置锚点的宽度和高度，那么锚点的文本就会采用这个尺寸。有什么

浏览 2提问于2015-04-06得票数 0

2回答

响应设计中具有背景位置和宽度百分比的精灵

html、css、sprite

我正在设计一个带有CSS3 3/HTML5 5的应用程序，具有响应性设计。精灵大小102 in×102 in中的每个图像

浏览 0提问于2013-05-16得票数 1

回答已采纳

1回答

强制将所有图像预加载到浏览器

javascript、browser、preload

在游戏中，一些图像会超时加载。如何在启动时通过客户端浏览器强制预加载所有图像？

浏览 0提问于2013-09-17得票数 1

2回答

Wordpress悬停在图像上

wordpress、hover

我正试图从一个分割的PNG中创建一个悬停在图像上。我如何启用它，以便当图像不盘旋时，顶部的图像将查看，但当他们悬停时，底部的一个将显示。

浏览 2提问于2013-10-10得票数 0

回答已采纳

3回答

在链接边界之外显示按钮图像

html、css

我是否可以创建按钮，使用在悬停和活动时更改的背景图像，并让活动状态显示延伸到锚点边界之外的图像？这是我的精灵：有什么

浏览 0提问于2012-06-21得票数 0

回答已采纳

7回答

调整背景精灵图像的大小以适应div

javascript、html、css、background-image

我有一个扑克牌的精灵形象。在精灵牌中，每张牌宽50便士，高80便士。背景:url(../图像/扑克_sprite.gif)不重复滚动0 0透明；我改变x和y的位置，以便不同的div得到不同的卡片。，我使用什么CSS属性使背景图像适合Div ?，我不允许更改Sprite或Div的大小

浏览 6提问于2013-08-29得票数 14

回答已采纳

4回答

这个网站如何渲染图片？

javascript、html、css、image

看看这张图片中任何youtube视频上面的按钮：所以我在Firebug中注意到了一件事，这些按钮包括文本和图像子节点，但并不像将源图像url提供给它们那样简单。这些图像的“src”属性(“加号”图像，或“向下箭头”图像)或所有其他此类图像具有完全相同的URL (1x1图像)：//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif.但最终它们被渲染成所有这些不同的图像

浏览 6提问于2012-03-02得票数 3

回答已采纳

点击加载更多