画像リンクの下部に背景色が表示されます
IE8で閲覧した際に、A:hoverに対して背景色を設定しているテンプレートの場合、画像リンクの画像下部に背景色の一部が表示されてしまいます。IE8のみの問題ですので、他のブラウザでは問題ありません。
既存画像リンク(商品画像や店長日記画像、いらっしゃいませ欄画像等)については、テンプレート側で表示されないように対応しておりますが、自由記入欄やhtmlタグ利用可能エリアにて、ご自身で画像を追加いただいている箇所は、下記のように<a>タグ内にclass名を追加下さい。
※スタイルシートについては、既に各テンプレートとも対応しておりますので、<a>タグ内にclass名を追加いただくだけで問題ありません。
下記が該当テンプレートです。
ワインブラック、クレヨン、カフェカラー、ベースボール、オールドクロック、ホワイトブラック、フラワーカフェ、スミ
キョウマチ、ウォールストリート、クリアホワイト、グラスローズ、ササガラ、エレガンスブーケ、ブライダル、フロシキ
下記のように<a>タグ内に、class="hoverfix"を追加して下さい。 |
背景色を削除される場合は、各A:hover内のcolorとbackground-colorの指定を変更して下さい。
下記の箇所を変更するだけで、ほとんどのテンプレートでは対応可能ですが、一部個別箇所にてA:hoverを指定している場合があります。その場合は、該当箇所についても変更をお願い致します。
colorには、背景色の上に乗せて見えやすい文字色を指定していますので、背景色を非表示した際、文字が見えにくくなる場合がございます。文字色の指定には、ご注意下さい。
マウスオーバー時に下線を表示されたい場合は、text-decoration: underline;の1行を追加して下さい。
例) |