バナーのマウスオーバーした変化について

Question

お世話になります。

ヤフーショッピングでもバナーにマウスを当てた時に薄くしたいのですが、どうしたらいいですか？
トリプルは使っていません。

楽天の共通説明文に入れているものは、下記の通りです。




.item_name {
display:block;
margin-bottom:15px;
}

.catch_copy {
display:block;
margin-bottom:15px;
}

-->

Answer

ECマスターズの田中です。

マウスを当てた時に薄くする動作を実現するには、
貼り付けていただいた通り、
aタグの擬似クラス :hover に対して指示を出す必要があるのですが、

Yahoo!ショッピングの
トップページ・商品ページ・カテゴリページ・カスタムページでは、
タグやJavaScriptが使えないため、
指示を出すことができません。

トリプル内のHTMLファイルではタグが使えますので、
貼り付けていただいたタグをそのままご利用いただくことで
マウスを当てると薄くする動作を実現することができ、
タグを利用して、各ページに埋め込むことができます。

なお、タグの9行目にある
-->
は、不要な記述になりますので、可能であれば削除をお願いします。

Answer

ありがとうございます。了解いたしました。