ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用してこの効果を実現できますか? hover_html/css_WEB-ITnose について

CSSを使用してこの効果を実現できますか? hover_html/css_WEB-ITnose について

WBOY
WBOYオリジナル
2016-06-21 09:47:12910ブラウズ

css js

私の本棚
上にポイントすると下のフレームが表示されます。素晴らしい人にお願いします。 。 。 、、、、

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

ホバーするとページに表示させることができます でも、データはjsを使って取得しているようですよね?

質問者さんはホバーの使い方がわかったけど、まだ混乱している人もいるのかな?

位置の問題の解決方法がわかりませんか?まだ。 。 ?

IE6 が a:hover のみをサポートしているという事実に関係なく、まずコンテナーの所属を確認しましょう。

div.drop
|---div.droptab
|---div.dropdown
|--ul.mybook_list
|--a.link

ホバーは div.dropdown を開始して div.drop に適用する必要がありますは非表示で、div.dropdown は div.drop がホバーされている場合にのみ表示され、それに応じて div.droptab も背景と境界線を変更します

次に、レイアウトの問題があり、div.drop は相対として定義され、div.dropdown はABS 、 left:0 に設定すると、灰色の境界線が 1 ピクセル上のタブでちょうど覆われるように上部の値を制御します。これを助けるために z-index が必要になる場合があります。

以上です、基本的には難しいことはありません。
アイデアを提供することは、コードを投稿するよりも有益です。

質問者さんはホバーの使い方がわかったけど、まだ混乱している人もいるのかな?

位置の問題の解決方法がわかりませんか?まだ。 。 ?

IE6 が a:hover のみをサポートしているという事実に関係なく、まずコンテナーの所属を確認しましょう。

div.drop
|---div.droptab
|---div.dropdown
|--ul.mybook_list
|--a.link

ホバーは div.dropdown を開始して div.drop に適用する必要がありますは非表示で、div.dropdown は div.drop がホバーされている場合にのみ表示され、それに応じて div.droptab も背景と境界線を変更します

次に、レイアウトの問題があり、div.drop は相対として定義され、div.dropdown はABS 、 left:0 に設定すると、灰色の境界線が 1 ピクセル上のタブでちょうど覆われるように上部の値を制御します。これを助けるために z-index が必要になる場合があります。

以上です、基本的には難しいことはありません。
アイデアを提供することは、コードを投稿するよりも有益です。
さて、ホバーに関しては、a:hover{} でのみ使用されます。 。 。という考えが思い浮かびます。コードはまだ研究されていません。 。

質問者さんはホバーの使い方をすでに知っているので、まだ混乱している人もいるのかな?

位置の問題の解決方法がわかりませんか?まだ。 。 ?

IE6 が a:hover のみをサポートしているという事実に関係なく、まずコンテナーの所属を確認しましょう。

div.drop
|---div.droptab
|---div.dropdown
|--ul.mybook_list
|--a.link

ホバーは div.dropdown を開始して div.drop に適用する必要がありますは非表示で、div.dropdown は div.drop がホバーされている場合にのみ表示され、それに応じて div.droptab も背景と境界線を変更します

次に、レイアウトの問題があり、div.drop は相対として定義され、div.dropdown はABS 、 left:0 に設定すると、灰色の境界線が 1 ピクセル上のタブでちょうど覆われるように上部の値を制御します。これを助けるために z-index が必要になる場合があります。

以上です、基本的には難しいことはありません。
アイデアを提供することは、コードを投稿するよりも有益です。
:ホ​​バー{}のみ。 。 。位置決めに慣れていない場合は、まず調べてください

または、コードの調査を参照してください。 。 。 。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。