文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS Sprite全页背景:背景-位置

问CSS Sprite全页背景:背景-位置
EN

Stack Overflow用户

提问于 2012-02-02 18:14:11

回答 2查看 905关注 0票数 1

我有一个图像，上面的80px我想用于其他目的，其余的图像，我想设置为一个完整的页面背景图像。

我尝试设置：

background-position: 0px -80px

但它不起作用。

如何正确使用css精灵(背景位置)和整页背景图片？

css

background-image

fullscreen

css-sprites

回答 2

Stack Overflow用户

发布于 2012-02-03 11:40:22

其中任何一个(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>

Sprite通常用于许多小图标，以减少将它们下载到客户端所需的请求数量。

票数 0

Stack Overflow用户

发布于 2012-02-02 18:21:02

对于80px的图像，我将使用div，而使用背景img作为主体背景。类似于：

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

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9110509

复制

相似问题

问CSS Sprite全页背景:背景-位置
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS Sprite全页背景:背景-位置EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS Sprite全页背景:背景-位置
EN