ホームページ > 記事 > ウェブフロントエンド > CSS コントロール画像は it_html/css_WEB-ITnose の一部のみを表示します
CSS コントロール画像は it_html/css_WEB-ITnose の一部のみを表示します
- WBOYオリジナル
- 2016-06-21 09:06:351666ブラウズ
助けて！ ！ ！
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 までご連絡ください。