に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

Safariでホバー時にCSSフィルターを適用できない

macOS 上の Safari16.2 では、ホバー時にフィルタープロパティを変更すると、奇妙な動作が発生することに気付きました。実際にはホバー時に変化せず、テキストをクリックすると部分的に変化しますが、これは決して当てはまりません。 -webkit-filter も役に立ちません。 /*問題に関連するCSS*/div{background:red;filter:grayscale(1);}div:hover{filter:grayscale

P粉436688931 2024-04-01 08:19:51

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

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

P粉842215006 2023-08-02 20:04:07

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

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

P粉697408921 2024-03-28 14:12:45

Safari では、transform-style:preserve-3d を使用した div 内の要素の CSS ホバースタイルが機能しない

ホバースタイルを使用して、内部にいくつかのソーシャルアイコンを備えた視差スクロールヘッダーを実装しました。現在、ホバースタイルは Safari では機能しません。コンテナ上のtransform-style:preserve-3dを削除すると、ホバースタイルは機能します（ただし、視差は壊れます）。 Chromeでは問題なく動作します。 <!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

ボタンをアクティブにするとホバー効果が誤動作する

私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました。最初は、アクションボタンのホバー効果がうまく機能し、ホバーするにつれて色が明るくなりました。ボタンを押すと、ボタンが明るくなり、ユーザーが別の番号 (または「等しい」ボタン) を入力して前の番号で何かを行うまで、その状態が維持されます。その後、アクションボタンは通常の色に変わります。それまでは何も問題はなかったのですが、ユーザーがボタンを押した後、

P粉548512637 2024-04-01 21:51:26

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28

Windows 10の設定のようにホバー機能を作成するにはどうすればよいですか?

誰かがCSSでそのようなホバーを行う方法を教えてもらえますか?ここでは Windows 10 のセットアップ例を示します。しかし、それをCSSで複製したいのです。

P粉020556231 2023-09-12 13:02:00

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

左側のナビゲーションを開発しています。カーソルを合わせるとメニュー項目の前に赤いバーが表示されるようにしたいです。これは「ホーム」項目とそのサブ項目では機能しますが、他のルート項目ではホバー時に赤いバーがページの上から下まで幅全体に表示されます。 $(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

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

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

P粉665427988 2023-09-05 23:47:42

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーンリーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59

送信ボタンとリセットボタンからホバー効果を削除する: ステップバイステップガイド

送信ボタンまたはリセットボタンをクリックしたときにスケールを変更しないようにするには、どのコマンドを使用する必要がありますか。普通に見えてほしいです。このプログラムではホバーを使用することになっていますが、最後の 2 つのボタンでは使用しません。これまでに作成したコードを以下に示します。すべて感謝します<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

ReactJS: ホバー時のドロップダウンメニューアイコンを動的に更新する

まず、ReactJS を練習するために、「antd」React フレームワークと tailwindCSS を使用しました。さて、このフレームワークを使用するのは初めてです。そこで、まずホバー時のドロップダウンポップアップを使用してみることにしました。実際のところ、この段階に到達する方法は完全には明らかではありません。もちろん、CSS を使用して「hover:」属性を使用できることは知っていますが、ReactJS でロジックを使用するアイデアはありますか?また、小道具「ドロップダウンメニューのAPIセクション」を読み込もうとしましたが、成功しませんでした。 onMouseEnter(を使おうと...

P粉877114798 2024-03-29 17:58:41

1 つの要素をホバーしたときに他の要素に影響を与える方法

私がやりたいのは、div をホバーすると、別の div のプロパティに影響を与えることです。たとえば、この JSFiddle デモでは、#cube の上にマウスを置くと背景色が変わりますが、私が望んでいるのは、#container の上にマウスを置くと #cube が影響を受けるということです。 div{outline:1pxsolidred;}#container{幅:200px;高さ:30px;}#cube{幅:30p

P粉769413355 2023-08-27 12:48:40

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

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

P粉289775043 2024-03-27 20:29:28

:hover 効果を複数の要素に動的に追加する

プログラムで複数の要素にホバー効果を追加することはできますか?私たちのシステムでは、単一のユニットを表す複数の要素が存在します (ただし、他の理由で複数の要素に分ける必要があります)。場合によっては、ホバー時に一緒に色を変更する必要があります。プログラムで複数の要素にホバー効果を追加することは可能ですか?それともこれは良い習慣なのでしょうか？ my_own_css_class を使用し、ホバー時にすべての要素に追加することで、この問題を解決できました。しかし、プログラムでホバー効果を持たせるとうまくいくかもしれないと感じています

P粉203792468 2023-08-15 23:49:58

画像を変換およびフィルタリングするとオーバーレイが生成されます

画像にホバーすると画像のサイズが大きくなり、ホバーした画像が他の画像によって切り取られないコードを見つけました：tutorialsrepublic.com しかし、次のコードも入力すると： img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43

javascript - jqueryでホバーイベントをキャンセルおよび復元する方法

jqueryでホバーイベントをキャンセルおよび復元する方法。 CSSで書いたホバーは解除・復元できるのでしょうか？

女神的闺蜜爱上我 2017-06-14 10:53:46

div が中央に配置されないのはなぜですか?

ホバーしたときにも、この要素を画面の中央に配置しようとしています。以下の例では、50% の変換と上/左の変換があることを知っていても、div をホバーしても中央に配置されません。要素を中央に配置するために通常これを使用します。 *{box-sizing:border-box;}body{position:relative}.zoom{padding:50px;background-color:green;transition:trans

P粉805922437 2024-02-04 08:28:03

link 要素と div 要素を同時にアクティブにするにはどうすればよいですか?

div 要素の上にマウスを移動すると、div 要素のみが点灯し、リンクは点灯しません。最初にボタンの背景を明るくしてからリンクを明るくするのではなく、ボタン全体を明るくする方法はありますか。購入購入購入 a: 訪問した {白色} a: ホバー: 訪問した {色: RGB(180,179,179);} リンク {白色; 背景色: rgb(180,179,179);} a: ホバー {色: RGB (180,179,179);}背景色: 白}div.b{白色;背景色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06

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

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

P粉520545753 2024-03-29 13:34:50