なぜ浮かないのですか？

なぜ浮かないのですか？

王继宝 2019-05-17 17:27:16 0  1  1256

ホバーが機能せず、スタイルが表示されないのはなぜですか?

ホバーが機能せず、スタイルが表示されないのはなぜですか?

P粉842215006 2023-08-02 20:04:07 0  1  557

div を別の div 内にフローティングします

別の div 内にフローティングするには div が必要です。 Position:fixed を使用しようとしましたが、div が親 div の外側に浮いてしまいます。ここにサンプルコードがあります。 「Div1」内で浮動するには「DivtoFloat」が必要です。これで、「Div1」の外側、「Div2」の後ろにフロートします。コードは次のとおりです。 .wrapper{<!--fromwww.java2s.com-->width:100%;height:200px;overflow-y:scroll;

P粉207483087 2024-04-03 18:26:07 0  1  529

特別なカーソルを使用してホバー時にテキストを変更します

monopo の Web サイトと同様に、ホバー時にテキストを変更する方法を教えてください。背景なんて必要ないんです。必要なのは、単純な円形の効果 (色付きの背景など) とテキストの変更だけです。また、できれば「about」という名前のdiv内でのみエフェクトが有効になるようにしたいです。ウェブサイトリンク：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  582

JavaScript - 入力がフォーカスを取得したときに、入力ボックスがキーボードとともにポップアップしてフロートするようにするにはどうすればよいですか?

Android ではフローティングアップできますが (問題ありません)、IOS ではフローティングアップ後に少し下に移動し、キーボードが入力ボックスをブロックしてしまいます。デフォルトのレイアウト IOS のレイアウト。この問題を解決するにはどうすればよいですか? ?

天蓬老师 2017-06-12 09:32:17 0  3  760

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  396

CSSアニメーションは消えません

ホバーすると背景画像がフェードインおよびフェードアウトするという単純なアニメーションの問題を解決しようとしています。キーフレームを定義したにもかかわらず、Web ブラウザにはそれが未定義として表示されます: .elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::before{animation:coreRangeBackground0.3sease-in -out0。

P粉352408038 2023-08-18 16:45:01 0  1  596

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダル ギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02 0  1  611

QT デザイナーの疑似要素

疑似要素を使用して左側のボタンに垂直線を作成し、ホバー時に暗くしたいのですが、qt-designerstyleSheet が私を理解せず、正しく表示されません。これが私のコードです: QPushButton{position:relative ;パディング:10px20px;ボーダー:なし;背景色:#fff;カラー:#333;カーソル:ポインター;オーバーフロー:非表示;}QP

P粉600402085 2024-01-10 17:44:05 0  1  518

Leaflet のマーカーに 2 つのポップアップを持たせるにはどうすればよいですか? 1 つはマウスオーバーで、もう 1 つはクリックでしょうか?

タイトルを地図上のマーカーの上に置き、クリックすると、さまざまなコンテンツを含む完全なポップアップが開きます。対応するポップアップへのリンクとして使用されるすべてのマーカーのリストを含む凡例を作成しようとしていますが、これを行う方法がわかりません。

P粉254077747 2024-04-01 12:40:41 0  1  537

ホバーされたテキストはマウスの位置で色が変わります

すべてのテキストではなく、マウスの位置のテキストのみの色を変更するにはどうすればよいですか?このように、マウスの動きに合わせて表示される円が表示され、ホバーするとテキストにホバー中の文字の一部の境界線のみが表示されます。どのライブラリまたは関数を使用する必要があるかアドバイスが必要です。

P粉697408921 2024-03-28 14:12:45 0  1  561

マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28 0  1  415

メニュー項目のホバー効果はページの高さ全体をカバーします

左側のナビゲーションを開発しています。カーソルを合わせるとメニュー項目の前に赤いバーが表示されるようにしたいです。これは「ホーム」項目とそのサブ項目では機能しますが、他のルート項目ではホバー時に赤いバーがページの上から下まで幅全体に表示されます。 $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  389

width: 100% からトランジションするとトランジションがジャンプするのはなぜですか?

この問題を再現するために JSFiddle を作成しました。ホバー時にグリッド要素を拡大させようとしていますが、別のグリッド要素の下に入り、予想どおりにジャンプするという奇妙な問題が発生します。なぜこのようなことが起こるのでしょうか?解決する方法はありますか？ .container{高さ:100vh;幅:100vw;表示:グリッド;グリッドテンプレート:1fr/1fr1fr;マージン:1em;グリッドギャップ:1em;}.box{

P粉769045426 2023-09-13 14:24:30 0  2  537

CSS を使用して height:0;height:auto; を遷移するにはどうすればよいですか?

CSSトランジションを使用してスライドダウンを作成しようとしています。高さ:0; から開始します。ホバーすると、高さは height:auto; に設定されます。ただし、この結果、height:40px; から height:auto; に移動すると、height:0; までスライドし、その後、突然正しい高さにジャンプするため、遷移せずに表示されるだけになります。 JavaScript を使用せずにこれを行うにはどうすればよいでしょうか? #child0{高さ:0;オーバーフロー:非表示;背景

P粉461599845 2023-08-27 11:59:03 0  2  515

html - css ホバーで要素が消えるときに、translate3d(0,0,0) を追加するのはなぜですか?

{コード...}

女神的闺蜜爱上我 2017-06-27 09:19:01 0  2  969

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  526

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  480

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1137

CSS3 トランジションを使用してグラデーション背景を強化する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけでうまく機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  664