css-sprites

1熱度

1回答

在以下情形請看：通常你會包括背景圖像和將其設置爲「右中心」。無論如何有這個，但有語音氣泡來自一個精靈（包含多個不同的圖像）元素有一個未知的寬度？我正在考慮使用：after僞元素，但是我需要提供IE7支持。我想避免額外的HTML標記，因此我很好奇，如果只有CSS的情況存在。任何人有任何想法呢？謝謝

0熱度

1回答

CSS圖標和精靈和導航

我創建一個小的導航系統，雖然我會盡我的手CSS精靈...... 我的HTML如下： <ul> <li><i class="collections"></i><a href="collections.html">My Collections</a></li> <li><i class="everything"></i><a href="everything.html">Everything</a

0熱度

2回答

無法獲得css sprite處理background-repeat

我試圖讓css sprite在我的頁面上工作。但如果我添加背景重複：不重複。那麼CSS精靈停止工作。如果我從樣式表中刪除它，將再次運行。我想不通爲什麼我不能使用背景重複。這是我的代碼。我也把它上傳到jsfiddle，你可以在那裏測試它。 http://jsfiddle.net/F49b5/2/ <html> <head> <style type="text/css"

1熱度

1回答

讓jQuery使用蒙版爲垂直背景精靈位置設置動畫效果？

我該如何製作一個jQuery背景垂直動畫來遮擋轉換，以使精靈的外觀消失到下一個位置？我當前的代碼（請參閱下面的演示jsfiddle鏈接）將精靈動畫到正確的背景位置，但是當它完成時，可以看到精靈從頂部移動到底部，然後回到頂部。我希望過渡變得平滑/褪色，以便當您將它懸停時，它會淡入過渡。目前，它只是平息下來。不知道你是否可以製作某種口罩或某種東西？我想用這個精靈做到這一點，我已經知道可以用兩個獨立的

0熱度

1回答

通過CSS-sprite（隨機位置）的僞隨機圖像

我想要在我的HTML中的標題圖像是隨機的。我已經通過使用this php文件完成了這項工作，但是我想要做一些不同的事情。我想讓隨機圖像成爲一個精靈的一部分。這樣，圖像可以同時加載，並且用戶在瀏覽不同頁面時不必看到圖像加載。我還想選擇隨機因子，即將這張圖片顯示爲50％，其他10％的時間（如果有6張圖片）。這甚至可能，業餘愛好者會從哪裏開始？這是實現我的方案的最佳方式，以便用戶儘可能少地看到圖像負載？

1熱度

2回答

CSS精靈在FF12的工作，但不是IE8

這個HTML碼... <a href="LINK" class="testclass"></a> ...作品與這個CCS-代碼... a.testclass { background: transparent url(sprite.png) no-repeat -125px -671px; display: block; width: 378px;

0熱度

1回答

Internet Explorer 9顯示CSS精靈圖像，但奇怪的內容

我有一個我正在使用的圖像精靈，但IE9沒有正確顯示它。它在Firefox中正常工作，但在圖像上方顯示灰色邊框和符號（如圖所示）。它在Chrome中也不起作用 - 它顯示圖像，但與它有灰色邊框。這裏的CSS代碼，抓住它： #see_more_vendors { background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px

5熱度

8回答

爲什麼有人會在位圖/ SpriteSheet技術上使用純CSS樣式的按鈕？

在我的工作中，我們一直在討論在我們的網站上部署按鈕的最佳方式。一些藝術指導者要求純CSS中的按鈕，我更喜歡在Photoshop中製作Spritesheets。我的觀點 - 像Photoshop中可以看出，陰影和別名等文字效果都更好看。他們的論點 - 你失去了搜索引擎優化點，翻譯引擎不能改變按鈕。我敢肯定有兩個sides-我失去了任何的這些參數明顯的東西的論點？

1熱度

2回答

使背景圖片的位置垂直居中向左

我有我的工作形象，我想左側的圖標應該是在同一個位置，但垂直對齊中心... 圖標是不同的尺寸... 這可能通過CSS我想要什麼.. ?? 這裏是我的代碼， .iconSmall { background-attachment: scroll; background-clip: padding-box; background-color: transparent;

0熱度

3回答

排號按鈕並排

請幫我安排這3個按鈕水平這樣的Photoshop處理圖片：請看看代碼here。 CSS： a.facebookbt { background: url(http://i1068.photobucket.com/albums/u445/neobx/bonus5.png) no-repeat 0 0; width: 132px; height: 52px;