css-sprites

    1熱度

    1回答

    我發現非常有用的工具來創建響應精靈圖像。 http://responsive-css.spritegen.com/ 不幸的是,精靈被生成爲img標籤並創建自己的HTTP請求。 有沒有任何優雅的方式如何做與背景圖像屬性的響應式CSS精靈?

    0熱度

    1回答

    我正嘗試在Facebook,Twitter等上使用精靈圖像創建鏈接。這些精靈圖像設置爲背景的鏈接有純文本。我有問題對齊文本,跨度和'a'鏈接垂直。 這裏是CSS .sprite a { border:solid 1px blue; width:20px; height:20px; display:inline-block; color:#00f;

    0熱度

    2回答

    我繼承了一個帶有3000行的樣式表的Backbone.js應用程序。 我想重構爲多個樣式表,這(也許開始使用像SASS預處理器)。我也想開始爲我的圖片使用CSS精靈,因爲我相信這可以減少整整一兩個載入時間。 是否存在將超級CSS文件Backbone.js應用程序拆分爲多個CSS文件的最佳做法? 怎麼樣組織我的規則和精靈,以便當我添加一個新的圖像,精靈生成器「優化」精靈的空間佈局,我不必追捕每一個選

    1熱度

    3回答

    創建和維護CSS sprite是很多工作。在CSS中創建精靈和創建座標都是一種負擔。前端技術,如SASS/Compass spriting有助於前端構建。是否有任何替代方案仍然只需要一個HTTP調用而沒有麻煩? 例如:有一種zip格式比較好,它可以包含想要合併爲一個調用但不需要您確定座標的所有圖像。您只需指向zip中的圖像並使用它即可。作品中是否有這樣的東西? 編輯:上面的zip想法實際上是製作中

    0熱度

    1回答

    我正在創建一個網站,其中的主頁具有滾動字體,並在滾動圖像下方顯示文本。圖像精靈在翻滾時已經有一個活動狀態。我想添加一個額外的狀態:圖片下方出現的活動文字。我發現了許多解決方案,可以創建出現在您翻閱普通圖像時出現的文本。但是,我無法使它與精靈一起工作,主要是因爲精靈的圖像必須存在於CSS中,而且我見過的許多例子都在HTML中使用它。如果有人可以讓我知道,如果這甚至可以使用CSS,或者如果我應該用Ja

    0熱度

    3回答

    我有一個按鈕,我使用圖像精靈將圖像顯示爲該按鈕的背景。但是,如何調整背景圖片的高度和寬度,以便我可以將圖片居中放大或縮小。 我的HTML按鈕: <input type="button" style="background-image:url(http://s14.postimg.org/cvj2v79gx/csg_539205e53e474.png)" class="sprite-Answer1

    0熱度

    1回答

    當我運行ember build時,西蘭花插件運行正常, 並將sprite CSS文件和sprite PNG文件輸出到assets目錄。 當我運行ember serve時,同樣的事情最初也發生了。 但是,當我保存任何文件,導致Broccoli重建其樹, sprite CSS和PNG文件不再合併到主應用程序樹 ,並且當頁面刷新實時重新加載頁面不再顯示sprited圖片。 這是爲什麼發生? 如何確保我的

    1熱度

    2回答

    我想添加懸停功能的複選框元素,但正如你可以在This Demo看到它不工作。 你能讓我知道爲什麼會發生這種情況嗎? input[type="checkbox"] { display:none; } input[type="checkbox"] + label span { display:inline-block; width:19px; height:

    0熱度

    1回答

    所以我使用精靈來顯示空白複選框,並在每次點擊我想擁有它,因此它從空白到綠色複選標記到灰色複選標記到X.鏈接是精靈形象。 http://s23.postimg.org/fz6v0ts6z/sprite.png 反正我目前只能夠選擇一次盒子,它變成紅色的X關閉,但我不能改變什麼的查馬克...任何幫助將是巨大的! <html> <head> <script src="https://aja

    -1熱度

    1回答

    我想移動一段文字使用css sprites.But圖像的特定部分,但我應用的背景位置似乎不工作。我試圖改變背景位置,但文本部分(即Twitter,谷歌加)不會移動到正確的位置。 的<body>代碼如下: <div class="container"> <a class="Twitter" href="http://twitter.com/">twitter</a> <a class="Plus