html - 带有更多图像的html css图像

Question

如果我有这样的图像（例如）：

_{（来源：tiscali.it）}

我的网站有更多背景元素，如何提取具有 css 属性的单个元素？

Answer 1

您应该使用“CSS Sprite”方法。这意味着您需要创建一个指定的元素块宽度widthand height，然后给它background-image加上background-positionand backgorund-url，然后隐藏所有开箱即用的东西overflow:hidden;

例如，参考本教程，它在那里得到了很好的解释：CSS Sprite 链接

Answer 2

使用 CSS 精灵
http://www.google.de/search?q=css+sprites

您的图片示例 http://jsfiddle.net/qxVf8/

---

html

<div class="sprite sprite1">
</div>

---

css

​.sprite {
    background: url(http://www.tiscali.it/v007/img/el.v004.png) 0 0 transparent;
}
.sprite1 {
    width: 79px;
    height: 28px;
    background-position: -0px -305px;
    border: 1px solid magenta;
}
​

Answer 3

您可以为此使用css sprites 技术。