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雪碧整页背景：背景位置

回答

相关问题