ホームページ >ウェブフロントエンド >htmlチュートリアル >html?浮框_html/css_WEB-ITnose
html?浮框_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-21 09:03:201049ブラウズ
マウスをテキスト内に移動すると、灰色のボックスがポップアップします
この機能の実装方法
ディスカッションへの返信 (解決策)
<style type="text/css">.div1 { position: relative; width: 130px; height: 100px; background-color: #eee;}.div1 div { position: absolute; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.6); color: #fff; display: none;}.div1:hover div { display: block;}</style></head><body><div class="div1">aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br /> <div>xxxxxxxxxxxx</div></div>
<style type="text/css">.div1 { position: relative; width: 130px; height: 100px; background-color: #eee;}.div1 div { position: absolute; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.6); color: #fff; display: none;}.div1:hover div { display: block;}</style></head><body><div class="div1">aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br />aaaaaaaaaaaaaaa <br /> <div>xxxxxxxxxxxx</div></div> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。