css-sprites

    0熱度

    1回答

    在此page上添加空手道圖像後,它會切掉徽標上的一些塊。我嘗試使用z-index和負邊距,但它沒有解決問題。我會將徽標留在空手道圖像的頂部。該CSS如下圖所示: #rack #header #logo { float: left; height: auto; width: auto; margin-bottom: -54px; z-index:

    3熱度

    1回答

    我們使用Compass轉爲Sprite圖像(將許多圖像合併爲一個文件)。如果我爲images/common/dir創建一個Sprite,Compass將創建一個名爲common-sff832da50b.png的文件。每次重新生成Sprite時,Compass都會生成一個新的後綴。如果我將這些Sprite圖像保留在app/assets/images中,我會在public/assets中看到commo

    0熱度

    1回答

    我有以下代碼 a.rollover { background-image: url('sprite.jpg'); display: block; width: 191px; height: 143px; } 然而,只有當我包括財產display並將其設置爲block出現。如果我刪除它,它不會出現。這是爲什麼?

    0熱度

    2回答

    我需要了解如何在HTML 5或CSS3中創建簡單的動畫。 假設你有這個精靈(見圖),你需要創建一個4幀的動畫。動畫必須持續1秒。我不希望幀之間有一個平滑的動畫,我希望它從一個狀態跳到另一個狀態而沒有插值。這些球是4幀: X Y ROTATION OPACITY (%) First frame: 100 220 10 5 Second frame: 150 240 1

    1熱度

    1回答

    我創建了一個漂亮的joomla網站,其中包含可在PC上正常工作的精靈導航,但在移動設備和平板電腦上存在一些問題:在我「觸摸」鏈接後,背景圖像消失...我怎樣才能解決這個問題? 請參閱http://www.kartika.eu/index.php?option=com_content&view=category&layout=blog&id=15&Itemid=239&lang=en 這是我的CSS

    0熱度

    3回答

    我有一個由2個圖像組成的圖像,一個精靈。 我正在做的是將它作爲精靈,所以當我將它懸停在它上面時,圖像的底部部分是可見的。 我知道我能做到這一點使用CSS中background-position,但是這是在HTML的標籤<img>。 我該怎麼做? 感謝

    1熱度

    1回答

    CSS3 spritesheet我產生一個CSS Spritesheet與紋理封隔器的幫助和它的外觀一樣 .pirateSlotSprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../img/pirateSlotSprite.png);} .backgr

    2熱度

    1回答

    的條件: 這是一個電影網站有大約1000的所有圖像的15KB 大約70%的圖像將被裝上一次頁面訪問 圖像將有一個很長的失效日期。 我想我會選擇CSS-sprites,因爲大多數圖片都會被訪問者以任何方式加載。但所有圖像的CSS-sprite都是9MB和15000x2000像素。即使我把它分成3個精靈它是3MB:S 也許這樣的大精靈會導致一些問題? 瀏覽器會緩存圖像,即使它們是3-9MB? 大像素尺

    0熱度

    1回答

    我想顯示位於div元素右上角的X和Y處的精靈圖像的一部分。我應該怎麼做?例如,如果我使用background: url("the path") no-repeat 0 0它會在div元素的右上角顯示整個精靈圖像。所以實際上我需要指定兩個座標,一個在精靈圖像中,另一個在div元素中。

    3熱度

    1回答

    我有一個CSS精靈圖像,footer1.png。我想使用CSS來裁剪圖像的一部分,然後將圖像作爲我的.headimg3元素的背景進行平鋪。 我試圖使用clip和background屬性來實現這一點,但圖像不會被裁剪。 .headimg3 { background: url(footer1.png) bottom; background-position: -35px -358p