css控制图片只显示一部分_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-21 09:06:351708검색
求助！！！
因为要通过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으로 문의하세요.