Maison > Article > interface Web > css控制图片只显示一部分_html/css_WEB-ITnose
css控制图片只显示一部分_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:06:351699parcourir
求助！！！
因为要通过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
就可以实现效果了
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：用HTML和CSS实现WWDC 2015上的动画效果_html/css_WEB-ITnoseArticle suivant：[iOS Animation]-CALayer 图像IO三_html/css_WEB-ITnose