memo.393

残念なIE様にCSS3っぽく対応してくれるライブラリPIE.htc。
PIE.htcとjQueryを共存した場合に、PIE.htcが利かないときがあった。
原因は読み込みの順番に関係がありそうだった。

これだとだめで、

<script type='text/javascript' src='commons/scripts/jquery.js'></script>
<!--PIE.htcを使ってるCSS-->
<link href="commons/styles/main.css" rel="stylesheet" type="text/css" media="all">

（jQueryのプラグインは機能すれどCSS3っぽい効果はきえる）

これならよかった、が・・・・

<!--PIE.htcを使ってるCSS-->
<link href="commons/styles/main.css" rel="stylesheet" type="text/css" media="all">
<script type='text/javascript' src='commons/scripts/jquery.js'></script>

CSS3は機能したけど、こんどはjQueryのプラグイン（jquery.maximage）が機能せず。。
むむむ

JSで画像をブラウザサイズにフィットさせるときの注意。
imgタグのコンテナとなるブロック要素を、position:fixedとしておかないとSafariで横幅がフィットしないみたい。(iPhoneも）
もしくはhtml要素にoverflow:hiddenでもよいみたい。

※position:fixedとするとiPhone、iPadでいろいろ不都合でるみたい。
overflow:hiddenの方が安全かな。