Nivosliderを使っていて、トップページのスライドショーを組み込んだら、
お客さんから「スライドショー画像がクリックできませんよ」という指摘がはいっちゃいまして、調べてみたら、ほんとだ、IE9でもIE8でもクリックできない。
ソースにはちゃんとaタグが入っているのに。。
ってんで、サクリと調べたらこんなブログで解決策がのっていました。
http://eds-samuraiz.com/archives/528
nivo-slider.cssの
に
を追加すればいいみたいっすね。
もちろん(a)というのはダミーというか、エラー起こしちゃうけど、そこは気にしない。
IEだけに適用だから、
としてもいいかもしれない。
ところで、僕の場合、これでもうまくいかなくて、MAKESHOPっていうASPに組み込んだこともあり、なんかもともと組み込まれてるASPのjavascriptとバッティングしちゃったかなぁーって2時間もはまって、解決したのは、
aタグに高さを持たせたら解決したっていうこと。
具体的には以下の記述をcssに足しました。
aで囲んでいるimgが絶対配置されてるためか、aの高さがなくなっちゃってることを見つけて、応急処置でimgと同じ高さをaに持たせて解消しましたよ。
お客さんから「スライドショー画像がクリックできませんよ」という指摘がはいっちゃいまして、調べてみたら、ほんとだ、IE9でもIE8でもクリックできない。
ソースにはちゃんとaタグが入っているのに。。
ってんで、サクリと調べたらこんなブログで解決策がのっていました。
http://eds-samuraiz.com/archives/528
nivo-slider.cssの
.nivoSlider a.nivo-imageLink{}
に
background-image(a);
を追加すればいいみたいっすね。
もちろん(a)というのはダミーというか、エラー起こしちゃうけど、そこは気にしない。
IEだけに適用だから、
/background-image(a);
としてもいいかもしれない。
ところで、僕の場合、これでもうまくいかなくて、MAKESHOPっていうASPに組み込んだこともあり、なんかもともと組み込まれてるASPのjavascriptとバッティングしちゃったかなぁーって2時間もはまって、解決したのは、
aタグに高さを持たせたら解決したっていうこと。
具体的には以下の記述をcssに足しました。
こんかいスライドショーしている画像の高さが200pxだったので200にしたけど、300だったら300に設定する。.nivoSlider a.nivo-imageLink {/background-image: url(a) ;/height:200px;}
aで囲んでいるimgが絶対配置されてるためか、aの高さがなくなっちゃってることを見つけて、応急処置でimgと同じ高さをaに持たせて解消しましたよ。