css-sprites

1热度

3回答

我创建了一个CSS精灵来组合我的主页中出现的几个图像。不过，我现在有问题显示这些图像。你看到的图像（商店徽标）不集中显示。这里是我的html代码： <div class="slider-slick"> <?php foreach($stores as $store){?> <div class="slide"> <div class="c

0热度

1回答

如何动画所有精灵图片？

如何为所有图像精灵设置动画时，如果您选择的图像精灵不包含一行图像？ **这一个例子这里有一个线图像** 链接：Reference .hi { width: 50px; height: 72px; background-image: url("http://s.cdpn.io/79/sprite-steps.png"); -web

1热度

1回答

图标与响应大小像`背景大小：包含;'

我有一个应用程序，有很多的图标。我知道使用这些图标的精灵是正确的方式，而不是有多个小图像。然而，我需要这些图标是尺寸与容器（background-size: contain;）相同，所以被迫使用多个图像的每个图标： .icon1 { background-image: url('../my-site/icon1.gif'); background-size: contain;

0热度

1回答

将CSS Sprite背景图像放在文本的右侧

我有一个css sprite，我需要将它作为背景图像放置在某些文本的右侧。就像一个外部链接图标。此外，我希望文字是全幅图像。我的CSS如下： .container { width:1247px; background-color:#444; } .container a { background: transparent url(http://i.imgu

0热度

2回答

设置背景CSS精灵图像宽度

有没有办法设置背景CSS精灵图像宽度？ <a href="#">shop</a> a{ background-image: url(http://placehold.it/60x60/ff0000/000&text=100)!important; background-repeat: no-repeat; display: block; ba

0热度

2回答

为什么CSS动画不与背景大小100％的工作

我工作的CSS动画与步骤...我的问题是：时步（）==（帧长度-1）一切都是流体exept，我不能看到最后一帧时步（）==帧长我仍然不能看到最后一帧和动画是凌乱... 我正在寻找一种方法来使用背景100％（或至少一个exp为什么它不工作lanation），因为我可以与帧型动物数量精灵使用它，只是使用步骤（）来调整实际的精灵.. 演示： #sprite1, #sprite2, #sprite3

1热度

2回答

的名单背景CSS精灵

我有一个侧边栏垂直菜单这就需要添加一个图标对每个项目的前离开，我已经尝试下面的方法，但不能显示的图标：工具栏菜单： <div class="sidemenu-wrapper"> <h3 class="section-title">store</h3> <div class="sidebar-filter"> <div class="store">

0热度

1回答

如何重复CSS中的精灵作为背景

我有一个问题，我找不到如何解决，我需要做一个精灵作为一个容器的背景。问题是，我不知道如何使它，我有这个搜索，但我找不到任何东西来帮助我解决这个问题。我想作为坐标的背景开始使用精灵X = 144px Y = 288px 迄今唯一我所得到的是整个图像重复它每次。 .main { background: url("http://i.imgur.com/lfC2Pus.png");

2热度

1回答

图像子画面尺寸比容器大，如何适应它变成一个小容器

子画面的尺寸比容器大，在不使用标记是否有任何固定的大小，以适应容器方法维图像精灵的是562px（X5）宽×562px高度 main-desktop.png .container_outer{ height:200px; width:100%; } .chrome-part, .ie-part, .firefox-part, .opera-part, .s

0热度

1回答

CSS sprite空格下的

我遇到了我的sprite css问题，我提供了一个jsfiddle，所以你可以看到我的意思。所以你可以观察到图像下面有空格，我似乎无法找到问题所在。这是因为定位？我尝试使用浮动，但它只减少空间。我想要完成的是删除下面的空格，因为它真的看起来很丑，在我的网站上有空的空间。 PS。另外，如果我使用绝对，它将重叠我的网站中的文字。 JsFiddle HTML <div class="container