• 文字サイズ
解決済

【楽天】バナー設置君をPC最下部中央に複数使用の場合の透明化

  • 相談者:非公開
  • 2019/12/04 09:07
バナー設置君、たくさん使用させてもらっています。

質問ですが、楽天のPC上で画面最下部にバナー設置君を中央から複数(3つ)設置しています。
以下のようにレスポンシブ対応のようにしたつもりですが【マウスを乗せたら透明化】がマウスを乗せると3つすべて透明化してしまいます。
良い方法をご教授下さい!

<!-- 最下部固定バナー -->
<div id="fixedBanner999">

<!-- 1枚目 -->
<a href="https://event.rakuten.co.jp/campaign/supersale/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/imgrc20191204.gif">
</a>
<!-- 2枚目 -->
<a href="https://search.rakuten.co.jp/search/mall/?sid=314570" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/20191201_99.jpg">
</a>
<!-- 3枚目 -->
<a href="https://search.rakuten.co.jp/search/mall/?sid=314570" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/mailmagazine/2019120199.jpg">
</a>

</div>
<style>
#fixedBanner999 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
bottom: 0px;
left: 0px;
text-align: center;
width: 100%;
height: auto;
background-color: rgba(255,255,115,0.3);
}

#fixedBanner999 img {
width: auto;
height: auto;
vertical-align: bottom;
max-width: 440px;
}

#fixedBanner999:hover {
opacity: 0.3;
}

</style>
投稿内容について報告する




  • 返信者:非公開
  • 2019/12/04 17:00
ECマスターズの伊藤です。

> 以下のようにレスポンシブ対応のようにしたつもりですが【マウスを乗せたら透明化】がマウスを乗せると3つすべて透明化してしまい………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/04 17:15
ECマスターズ 伊藤 様

マウスを乗せると個々に透明化するようになりました。
ありがとうございました。………(省略)………