ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS コントロール画像は it_html/css_WEB-ITnose の一部のみを表示します

CSS コントロール画像は it_html/css_WEB-ITnose の一部のみを表示します

WBOY
リリース: 2016-06-21 09:06:35
オリジナル
1734 人が閲覧しました


助けて! ! !

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に設定します

これで効果が得られます

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート