Category Archive: CSS

[CSS3]PIE.htcとjQueryの共存でPIE.htcが利かない場合。

残念な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)が機能せず。。
むむむ

[CSS][JS]画像をブラウザサイズへのリサイズ処理するの際の注意

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

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