« 2009年8月 | トップページ | 2009年10月 »

2009年9月

IE6での透過png

IE6で透過pngを使用すると透過した部分がグレーになってしまうので、IE6でも使用できるものを探してみたところ「DD_belatedPNG.js」が設置も簡単でよさそうでしたので早速使ってみました。

設置は、head内に

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('img, .png_img,#png_img');
</script>
<![endif]-->

と記載するだけです。

2行目にDD_belatedPNG.jsへのパスを入れます。

3行目にpngを使用している要素名(img等)、id名(#png_img等)、クラス名(.png_img)を入れます。
複数指定する場合はコンマで区切ります。

==================================

こちらを参考にさせていただきました。

IE6用透過png対応策、DD_belatedPNGの使用法と注意点

 

IE6でのmin-height

使う機会がたびたびあるのでメモ。

IE6ではmin-heightがきかないため、少々ハックする必要があります。

.sample {
  min-height: 100px;
  height: auto !important;
  height: 100px;
}


IE6では、
  • min-heightは無視される
  • 同一ブロック内の!importantは無視される
  • ボックスサイズが内容物に合わせた大きさへ強制的に調整される

というバグがあるため、コンテンツが100px以下の時は100pxで、100px以上の時はコンテンツにあわせて高さを拡張します。

==================================

こちらを参考にさせていただきました。

IE6のmin-width、min-heightハックに関して

GBrowserIsCompatibleを使用した際のIEでの「オブジェクトを指定してください」エラー

Google Map APIを使用する際、GBrowserIsCompatible() の行でIE6と7で以下のエラーが発生しました。

ライン: 00
文字 : 00
エラー: オブジェクトを指定してください.
コード: 0
URL  : http://xxxxxxxx.com

このエラーの場合、Googleのスクリプトを読んでいるscriptタグに「charset="utf-8"」を追加することでIE6、7で正常に動作しました。

<script type="text/javascript" charset="utf-8" 
src="http://maps.google.com/maps?file=api&v=2&key="></script>

==================================

こちらを参考にさせていただきました。

GBrowserIsCompatible で 「オブジェクトを指定してください」エラー@IE

 

« 2009年8月 | トップページ | 2009年10月 »