jQuery - 開発メモるアル

自分なりの目線で情報を発信します。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/04/19 (Fri)

jQuery Tools というjQueryライブラリを使うと、

オーバーレイ機能が簡単に実装できる・・・はずだったのですが、

Internet Explorer の場合にだけ、オーバーレイ表示させたい領域が

オーバーレイ表示できない現象に遭遇しました。

IEの場合はどうもCSSが一部適用されていないようで、

HTMLとCSSの文字コード違いを疑ったのですが、UTF-8で同じだし。。。

もーよくわからん！と途方にくれつつさらに調べると、

ケアレスミスで、DOCTYPEがheadタグの中に紛れていただけでした。

overlay以外のjqueryツールは普通に動くし、IE以外のブラウザではオーバーレイ表示されるので、

かなりの時間迷ってしまったが、結局DOCTYPEを1行目に直すだけだった。アホだ。。。

IEって、変に厳しいな＾＾；

HTML文法はとっても大事、ということですねー。

■修正前

<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Language" content="ja-JP" >
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.tools-1.2.5.min.js"></script>
<title>デモ画面</title>
</head>
<body>

■修正後

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Language" content="ja-JP" >
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.tools-1.2.5.min.js"></script>
<title>デモ画面</title>
</head>
<body>