html - 如何在整个 html 主体的设定位置内显示 CSS Sprite 的一部分

Question

我为我的 css 使用 Sprite 表，它们工作得很好，但是我想在页脚上有一部分我的 Sprite 表 它就像一个 flex 的 block ，左侧的内容框会稍微超过它的顶部。

但是我似乎无法将 Sprite 的一部分作为背景放置在底部。

现在通常你会做这样的事情

background:url(sprite.png) -20px -144px no-repeat; display:block; width:800px; height:225px;

但是当我尝试这样的事情时

background-color: #ffffff;
font-size: .75em;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #000000;
height:100%;
width:800px;
background-image:url(images/sprite.jpg); 
background-position:0 0 no-repeat bottom left;

我得到完整的 Sprite 表作为背景.....所以我的问题是是否有可能只得到 Sprite 的一部分 并将该部分用作 div 的底部部分!!!!

有点啰嗦，但我不想把这个想法搁置一旁，如果可以做到，那么已经有人做到了。

Answer 1

将其放在页 footer 分内的嵌套固定大小的 div 中。如果您希望页脚 div 变大，但不希望 sprite 的大小超过其限制，那几乎是唯一的方法。