CSS雪碧整頁背景：背景位置

我有一個圖像，我想用於其他目的，其中的頂部80px，剩餘的圖像，我想設置爲一個完整的頁面背景圖像。CSS雪碧整頁背景：背景位置

我試過設置：

background-position: 0px -80px

，但它不工作。

如何正確使用css sprite（背景位置）和整頁背景圖片？

來源

2012-02-02 workwise

-1

我會使用的80px圖像的DIV和背景IMG作爲主體背景..類似：

body { background-image: url(background.gif) } 
#imgtop { height: 100%; width: 100%; background-image: url(80px_image.gif) }

來源

2012-02-02 10:21:02 fzninuse

嗨..我的基本目標是...將橫幅圖像和背景圖像組合成一個。我不確定您的解決方案是否試圖實現這一目標。 – workwise 2012-02-02 10:22:52

成一個div？還是應該只看起來像一個圖像？ – fzninuse 2012-02-02 10:27:48

這與OP詢問的圖像精靈完全相反。 – 2012-02-02 21:45:24

無論是哪種（link或link）會爲你生成一個精靈和相應的CSS 。

一旦你已完成使用他們的相應區域的CSS類，如：一般用於大量的小圖標

.image1Background { 
    background-image: url("thesprite.png"), 
    left: -80px; 
    top: 0px; 
} 

.image2Background { 
    background-image: url("thesprite.png"), 
    left: 0px; 
    top: 0px; 
} 

<body class="image1Background"> 
    <div class="image2Background"> 
    </div> 
</body>

精靈，以減少它們下載到客戶端需要請求數。

來源

2012-02-03 03:40:21 sinemetu1

CSS雪碧整頁背景：背景位置

回答

相關問題