IE9

CSS3とInternet Explorer(IE)の相性

Categories | ホームページ

いやぁ~困ったもんだのIEです。

今時のCSS3で画像背景に影付けてみたのですが

IE8以下だと全然表示されません。

IE9では表示されるものの、スタイルシートに記述したことを

うまく反映してくれない。

こんな感じに

2012 0914 01 CSS3とInternet Explorer(IE)の相性↑ Internet Explorer 9 (IE8以下は何も表示されん)

2012 0914 02 CSS3とInternet Explorer(IE)の相性↑ IE以外のブラウザ

※参考ページ
https://www.hcz.jp/history/2007_09_11.html

どないしようか・・・

IEユーザーもまだまだ多いだろうし、

やはり画像で影こさえたほうが良さそうだな。

果たして完成ページはどうなることやら。

Comment(0) | Trackback(0)

TAGS: / / / / / / | 2012年9月15日 |

LightboxとIE9の相性 Lightbox2の設置法

Categories | ホームページ

当方IE9はあまり使うことがなく

殆どは「Firefox」か「Chrome」。

で、たまたまIE9で自分が作ったホームページ見てみたら、

あら? Lightbox が無効になってるし。

ひょっとしてと、旧IEバージョンで確認してみたが問題なし。

どうやらIE9だと相性悪いみたいですね。

で、今年春にLightboxがv2.51にバージョンアップしてるってことで

投与してみました。

ダウンロード先はこちら

http://lokeshdhakar.com/projects/lightbox2/

2012 0913 LightboxとIE9の相性 Lightbox2の設置法解凍後、

いらない物は捨てまして、必要なものだけを「lightbox」フォルダにスッキリ格納。

中身はこんな感じ。

2012 0913 2 300x206 LightboxとIE9の相性 Lightbox2の設置法

必要ファイルは7つだけです。

ファイル内を数箇所書き換えます。

lightbox.css の 114行目と119行目

2012 0913 3 400x96 LightboxとIE9の相性 Lightbox2の設置法

絶対パスで記述しておくと確かです。

lightbox.js の 51行目 52行目 

2012 0913 4 400x74 LightboxとIE9の相性 Lightbox2の設置法

こちらも絶対パスで記述しておくと確かです。

<head> ココ </head>  に こう記述する

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/jquery-1.7.2.min.js“></script>

<script type=”text/javascript” src=”設置したディレクトリ/lightbox/lightbox.js“></script>

<link rel=”stylesheet” href=”設置したディレクトリlightbox/lightbox.css” type=”text/css” />

赤文字は格納されている場所(ディレクトリ)をご理解の上、それそうの変更をする。

最後にrel=”lightbox[roadtrip]” を記述する。

<a href=” ” rel=”lightbox[roadtrip]” title=” ”><img src=” ” ></a>

以上

Comment(0) | Trackback(1)

TAGS: / / / / / / | 2012年9月13日 |

ソーシャルボタンを追加

Categories | ホームページ SEO

2012 09 400x113 ソーシャルボタンを追加

いいね!ボタン系をいくつか追加してみたのですが

Google+1ボタンがヘンに横マージンが出来てしまい

なんでだろう・・・。 ここ数日悩んでいます。

ついでにカスタムページもリニューアルさせようと

css3で写真に影つけてみたが、IE9だとライトボックスが無効になってしまう。

あ~ HP作るのってむずい。

取りあえずタイヤ交換ページ完成させよ。

Comment(0) | Trackback(0)

TAGS: / / / / / | 2012年9月8日 |