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