如何用CSS显示图片的一部分

nianzhang747 2010-01-25 11:17:18
我的问题是 将一张图片 是有几个小图片整合到一起的 当我在页面用的时候不用每个图片都加在 只要在程序启动的时候加载一张集合所有小图片的大图片即可 这样我在用图片的时候只要用CSS截取图片中我想要的那部分 应该如何实现

这样实现的话 图片显示的有些问题

http://www.w3schools.com/css/img_navsprites.gif
这个链接是测试图片

大家可以试验一下

<html>
<head>
<style type="text/css">
img.next
{
width:43px;
height:44px;
background: transparent url("img_navsprites.gif") 0 0;
border:0;

}
</style>
</head>

<body>
<div width="200px" height="300px">
<br/>

<img class="next" />

</div>

</body>
</html>


...全文
2269 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
cs5276 2010-01-25
  • 打赏
  • 举报
回复
这用的是CSS SPrites技术,就是通过设置background-image的position属性“拖动”大的图片在盒子里,把要显示的区域显示出来。

这里有一篇关于CSS Sprites的文章,相信读过之后对你肯定有帮助。

http://www.okajax.com/a/200906/CSS_Sprites.html
fishgo1 2010-01-25
  • 打赏
  • 举报
回复
好的,OK

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧