css は、マウスが table_html/css_WEB-ITnose の td セル上にあるときに、より多くのコンテンツを表示するように実装します。

WBOY
リリース: 2016-06-24 11:26:08
オリジナル
1158 人が閲覧しました

テーブルでは、td セルはすべての内容を表示することはできません。マウスをホバーしたときにすべての内容を表示する必要があります。

通常の表示スタイル:

マウスオーバー時:

html:

<td>displayAddress<span class="tdtip">popAddress</span></td>
ログイン後にコピー

css:

td{    position:relative;     z-index:2;}td:hover{    z-index:3;    background:none; }td .tdtip  {    display: none;}td:hover .tdtip  {     display: block;    position: absolute;    top: 8px;     background-color: whitesmoke;    color: royalblue;    word-break: break-all;}
ログイン後にコピー

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