■ダイビングツアー・講習・機材のアクアダム(Aqua dam) ブログ

 ブログのトップページに戻る  |   Aquadamのトップページに戻る  |   Aquadamの会員専用掲示板へ

新着コメント
潜水士免許
by 大福 (2019/12/29)
潜水士免許
by 大福 (2019/12/29)
八幡野
by 海猿・誠 (2009/11/26)
江之浦
by kanon (2009/06/27)
熱海
by kanon (2009/06/27)
江之浦
by みつ! (2009/06/27)
熱海
by みつ! (2009/06/27)
江之浦
by kanon (2009/06/12)
江之浦
by 管理者 (2009/06/11)
江之浦
by hirointhai (2009/06/11)
新着アーカイブ
10/27大瀬の写真その2
(2012/10/31 23:59)
10/29土肥の写真
(2012/10/30 23:59)
土肥(10/29)
(2012/10/29 23:59)
10/27大瀬の写真その1
(2012/10/28 23:59)
大瀬(10/27)
(2012/10/27 23:59)
10/25IOPの写真
(2012/10/26 23:59)
IOP(10/25)
(2012/10/25 23:59)
季節来遊魚
(2012/10/24 23:59)
車ぶつける
(2012/10/23 23:59)
またまたHDD交換
(2012/10/22 23:59)
カテゴリー
ツアー(1053)
講習(20)
リペア(62)
機材(器材)(161)
雑件(飲み会ほか)(471)
IE8

ツールチップWindowsなら必ず一度は使ってると思われるInternet Explorer.バージョン「8」が出回って久しいのですが,ツールチップが出なくなってることに気が付きました.いろいろ調べてみたら,7まではalt属性でツールチップが出ていたのですが,8ではtitle属性でツールチップを出すようになってました.

ツールチップとは,写真などにマウスを乗せたときにポッと浮かんでくる文字のこと.右上の写真,ほぼ中央部に「葉山」って文字,これです.


以前から,Opera・Chrome・Safari・FireFoxでは,ツールチップが出ず,なんでかなぁと思っていました.今回,いろいろ調べた結果,ツールチップがalt属性で出る方がおかしくて,title属性が本来であることが判りました.いゃ〜知らなかった.勉強不足です.

IE8互換ボタンありまた,IE8では,紙を破いたようなアイコンが登場していますが,これは「互換ボタン」.IE7以前用にデザインされたサイトの一部に不具合が出た場合,IE7をエミュレートするという.で,試しにやってみると,alt属性でツールチップが出ます.

IE8互換ボタンなし

また,HTTP応答ヘッダーに「Header set X-UA-Compatible "IE=EmulateIE7"」と入れてあげるか,各ページ内<head>に「<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">」とメタを入れてあげれば,このアイコンは表示されずにIE7エミュレートになることが判りました.
参考資料
・マイクロソフト IE7 エミュレート ボタンの使用方法

ところが今度は,<table>を使った表の罫線がおかしくなることを発見.下の写真です.

表罫線(IE8)  表罫線(IE7互換)

これじゃダメだぁ〜ということで,エミュレートモードは断念して,シコシコとtitel属性を入れるしかないと観念することに.まぁ,Opera・Chrome・Safari・FireFox対応もあります.title属性でツールチップを出すのが本来というのを知らなかったのが,そもそもの敗因ですし.やれやれ.

コメント
コメント一覧コメント一覧

管理画面

ブログ内検索
2009. 11
SUN MON TUE WED THU FRI SAT
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
月別アーカイブ
携帯用QRcode 
このブログは携帯からも参照できます.
アドレスはPC用と同じ.
このQRコードを携帯で読み込むと簡単でしょう.
クリックすると大きく表示します.