コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > html?浮框_html/css_WEB-ITnose

html?浮框_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-06-21 09:03:20
オリジナル
1024 人が閲覧しました


マウスをテキスト内に移動すると、灰色のボックスがポップアップします
この機能の実装方法


ディスカッションへの返信 (解決策) 

<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>
ログイン後にコピー
ログイン後にコピー


関連ラベル：
html?浮框
ソース：php.cn
前の記事：テキスト ボックスに数字のみを入力するように設定する_html/css_WEB-ITnose 次の記事：div+CSS typesetting_html/css_WEB-ITnose に関する質問
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
对话框的浮动按钮保持重叠
から 1970-01-01 08:00:00
0
0
0
javascript - input获取焦点，输入框怎么实现随键盘弹出上浮？
から 1970-01-01 08:00:00
0
0
0
javascript - input獲取焦點，輸入框怎麼實現隨鍵盤彈出上浮？
から 1970-01-01 08:00:00
0
0
0
VScode建html的时候不出来<HTML>框架
から 1970-01-01 08:00:00
0
0
0
Vue js - 在可编辑的 HTML 内容框中添加文本和下拉框
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート