• 文字サイズ


解決済

背景画像の上にマウスオーバーできる要素を組み込みたい

  • 相談者:非公開
  • 2019/08/07 18:34
いつもお世話になっております。

あるサイト様のマウスオーバーエフェクトを組み込みたいのですが、
どこから組み込めばいいのかわかりません…。
背景画像の上に重ねておいているとは思うのですが、
どういった技法でやっているのか見当がつかず、アドバイスを頂けたら幸いです。

参考サイト様
https://pogg-sweetpotatopie.com/

実装させたいページ
https//www.rakuten.ne.jp/gold/SHOP-URL/feature/lukia/index.html
↑画像であたりを入れています。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/08/07 19:21
ECマスターズの伊藤です。

> 背景画像の上に重ねておいているとは思うのですが、
> どういった技法でやっているのか見当がつかず、アドバイスを頂けたら幸………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/08 15:37
教えていただいたコードで実装できました。
ただ、テキストをオーバーで切り替えたときに文字が円内に
おさまりません…。
テキストコードの入れ方が悪いのでしょ………(省略)………
  • 返信者:非公開
  • 2019/08/08 18:21
ECマスターズの伊藤です。

> 教えていただいたコードで実装できました。
> ただ、テキストをオーバーで切り替えたときに文字が円内に
> おさまりませ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/09 09:34
テキストのほうはセンタリング+改行でなんとか
調整できました。
ありがとうございます!

複雑なことをお聞きして申し訳ございません。
お手数おかけいた………(省略)………
  • 返信者:非公開
  • 2019/08/09 13:08
ECマスターズの伊藤です。

大変お待たせいたしました。

<div class="scene4-4_back">
の下に
<p class="bo………(省略)………
  • 返信者:非公開(質問者)
  • 2019/08/09 14:58
教えていただき、ありがとうございます!
上記のコードを追加しましたら、無事にボーダー線を引くことが
できました。………(省略)………
このフォーラムへの質問は終了しました