Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
リンク画像のマウスホバーが、要素が重な...
 
通知
すべてクリア

リンク画像のマウスホバーが、要素が重なるとちらつく

1 投稿
1 ユーザー
0 Likes
199 表示
xmiwa
(@xmiwa)
投稿: 1
メンバー
Topic starter
 

こんにちは。お世話になります。

右下固定の画像ボタンをdisplay:fixedを使ってつけたのですが、リンクをつけたところ、マウスホバーした際に各要素の下に潜ってしまい、ボタンが見えなくなってしまいます。
ホバーしていない時は問題なく要素の上に来ています。
ホバーさせてスクロールすると、画像が出たり消えたりするためか、点滅しているようにちらつきます。

hover

 

下記のようにcssを記述していますが、改善できるものでしょうか?
お教えいただければ感謝です。
よろしくお願いいたします。

.wp-image-674 {
position: fixed;
right: 50px;
bottom: 50px;
z-index:2147483647;
&:hover {
display: block;
}
}

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.12.0
利用中のWordPressバージョン
6.6.1
利用中のサーバー会社
さくらサーバー
利用中のプラグイン一覧

SiteGuard WP Plugin
パスワード保護

 
投稿済 : 01/08/2024 1:39 am
共有: