リンク先のタグにつきまして

Question

こちらのページのようにリンク先を浮かび上がらせる方法をご指導ください。
https://item.rakuten.co.jp/inorishop/c/0000000447/

ヘッターとレフトナビ・商品一覧を同じような表示させたいので、方法を教えてください。

よろしくお願いいたします。

藤田

Answer

ECマスターズの塚本です。

＞ヘッターとレフトナビ・商品一覧を同じような
＞表示させたいので、方法を教えてください。

いただいたご質問の件ですが、
こちらお調べしまして担当のものより改めてご連絡差さしあげます。

お時間いただきますが、今しばらくお待ちくださいませ。


＞こちらのページのようにリンク先を浮かび上がらせる方法をご指導ください。

こちらは具体的にどの部分のことになりますでしょうか。

Answer

ECマスターズの田中です。

いただいたページにて、リンクの付いた画像に
マウスカーソルを当てると
薄くなるような効果がかかりますが、
下記のタグをページの中に設置していただければ可能となります。


/* リンク付き画像にマウスカーソルを当てた時の挙動 */
a:hover img {
opacity: 0.6;
}


商品ページ全体に反映させる場合は
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）の中に
ご記載いただく形になります。
ハナツヅキさんのショップの場合、ヘッダーとレフトナビの内容は
タグで埋め込まれておりますので、
それぞれ埋めこんでいるHTMLファイルの中にも、同タグの記載をお願いします。

Answer

ECマスターズ
田中様

ご回答有難う御座いました。
【リンク付き画像にマウスカーソルを当てた時の挙動】とは
同じ画像を薄くした画像のアドレスでしょうか？

再びよろしくお願いいたします。
藤田

Answer

ECマスターズの田中です。

/* リンク付き画像にマウスカーソルを当てた時の挙動 */

上記一行、/* と */で囲まれた部分は、いわゆる「コメント」と呼ばれる、
実際のスタイルシートには動作の影響を与えない部分です。

あとで見返した時に何のためのソースなのか思い出すための記述なので、
アドレスなどに書き換えていただく必要はありませんし、
もし覚えやすい他の文言がございましたら、
/* と */の中をご自由に書き換えていただいて結構です。

Answer

ECマスターズ
田中様

ご指導ありがとうございました。
お教えいただいたタグを張り付けてみます。

ありがとうございました。
まだまだ分からないことがありますので、
次回もよろしくお願いいたします。

藤田