html css 图像与更多图像

标签 html css image slice

如果我有这样的图像(例如):

http://www.tiscali.it/v007/img/el.v004.png
(来源:tiscali.it)

我的网站有更多背景元素,如何提取具有 CSS 属性的单个元素?

最佳答案

您应该使用“CSS Sprite”方法。这意味着你需要创建一个指定width宽度的元素 block 和height ,然后给它 background-image以及background-positionbackgorund-url ,然后隐藏开箱即用的所有内容 overflow:hidden;

例如引用本教程,那里有很好的解释:CSS Sprite link

关于html css 图像与更多图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12248602/

相关文章:

javascript - 在同一页面上再次重复此切换

jquery - 无法让 Coda Slider 工作

css - 如何阻止内容流入正确的 div

javascript - 是否可以使用百分比相对定位将图钉图像定位在另一个图像上

java - ImageIO.read 阻止 PaintComponent 执行?

html - 修复了具有多个 tbody 元素的标题滚动表

javascript - 在表单上添加提交事件可防止提交参数包含在 HTTP POST 中

css - 为什么我的 CSS 属性被覆盖/忽略?

CSS Sprite 问题

jquery - 缩略图到图像交换 onclick