css控制图片只显示一部分_html/css_WEB-ITnose
- WBOY原創
- 2016-06-21 09:06:351667瀏覽
求助！！！
因为要通过js控制满足某条件的时候，显示图片上面那个部分，然后另一个条件下显示下面那个部分
回复讨论(解决方案)
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title> 页面名称 </title><style type="text/css">#test1 { width: 16px; height: 17px; background: #999 url("http://img.bbs.csdn.net/upload/201509/17/1442477922_879930.png") no-repeat left bottom;}#test2 { width: 16px; height: 17px; background: #999 url("http://img.bbs.csdn.net/upload/201509/17/1442477922_879930.png") no-repeat left top;}</style></head><body><div id="test1"></div>-----------------------------<div id="test2"></div></body></html> 啊啊 会了 就是用个容器把图片包住，容器设置高度
然后css设置图片的position属性为relative，还有top为XXpx
就可以实现效果了
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn