画像リンクの下部に背景色が表示されます

2009-07-28 14:58

IE8で閲覧した際に、A:hoverに対して背景色を設定しているテンプレートの場合、画像リンクの画像下部に背景色の一部が表示されてしまいます。IE8のみの問題ですので、他のブラウザでは問題ありません。

既存画像リンク(商品画像や店長日記画像、いらっしゃいませ欄画像等)については、テンプレート側で表示されないように対応しておりますが、自由記入欄やhtmlタグ利用可能エリアにて、ご自身で画像を追加いただいている箇所は、下記のように<a>タグ内にclass名を追加下さい。
※スタイルシートについては、既に各テンプレートとも対応しておりますので、<a>タグ内にclass名を追加いただくだけで問題ありません。

下記が該当テンプレートです。

 

下記のように<a>タグ内に、class="hoverfix"を追加して下さい。

<a href="https://demo.ocnk.net" class="hoverfix">

<img src="https://demo.ocnk.net/data/demo/image/file.gif" />
</a>

 

※背景色を非表示する場合

背景色を削除される場合は、各A:hover内のcolorとbackground-colorの指定を変更して下さい。
下記の箇所を変更するだけで、ほとんどのテンプレートでは対応可能ですが、一部個別箇所にてA:hoverを指定している場合があります。その場合は、該当箇所についても変更をお願い致します。

colorには、背景色の上に乗せて見えやすい文字色を指定していますので、背景色を非表示した際、文字が見えにくくなる場合がございます。文字色の指定には、ご注意下さい。
マウスオーバー時に下線を表示されたい場合は、text-decoration: underline;の1行を追加して下さい。

例)

A:hover {
color: #000000;
background-color: transparent;
}