2012年02月14日 jQuery・javascriptweb関連

DD_belatedPNG

先日、でも触れましたが、DD_belatedPNGというjavascriptを使って、IE6で透過pngを表示させてみました。

DD_belatedPNGの入手

以下のサイトにいって、DD_belatedPNGをダウンロードします。以下のサイト内を下へスクロールしていくと、左のサイドバーにDD_belatedPNG 0.0.8a releasedというリンクがありますので、そこをクリックします。

Drew Diller’s blog

DD_belatedPNGの設置方法

ダウンロードしたファイルをサーバにアップして、以下のコードをhtmlファイルに設置します。
<!-- IE6を透過png対応させる -->
<!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script>
		DD_belatedPNG.fix('img, .wrap980 h1 a');
	</script>
<![endif]-->

「if IE…」というのは、IE6の場合に以下のスクリプトを読み込む設定です。

上記のコードでは、imgタグ全てと、wrap980クラス内のh1のaタグが指定されています。
後者はサイトロゴの背景にpng画像を設置していたので、こういう書き方にしています。

普通に配置されているimg画像やCSSで背景に画像が設置されている場合は、上記のやり方で問題ありませんが、body・tr・td要素の背景には使えないなど、いくつか注意する点もあるようなので、もう少し情報が必要な方は以下のページが詳しく説明してくれていますので、参考にしてみてください。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ピックアップ記事

Twitter API の利用回数制限を確認する

2011年07月29日 twitter APIweb関連
Twitter API (GET送信のみ?) には利用回数上限があります。Twitter APIを利用してサービスを作る際に、試行錯誤していると、いつの間にかAPIの利用回数上限にひっかかってしまいます。利用回数上限にひっかかると,一定時間(およそ1時間らしいです)そのアカウントまたはそのIPアドレスからアクセスできなくなります。 …
「Twitter API の利用回数制限を確認する」をはてなブックマークに追加

WordPressのテーマをウィジェットに対応させる

2013年10月06日 phpweb関連WordPress
WordPressのテーマをウィジェットに対応させる
Wordpressで自作のテーマを作った場合などは、自分でウィジェットを利用可能にしない限り、ウィジェットは利用出来ません。このサイトのテーマは自作なのですが、今までウィジェットは使う機会がなかったので、未対応のままになっていました(:_;) 今回は、サイドにWordPress Popular Postsプラグインの人気記事一覧を表示させたかったので、調べてみましたよっ!ってことで、ウィジェ…
「WordPressのテーマをウィジェットに対応させる」をはてなブックマークに追加

jQueryでアコーディオンパネル

2011年06月16日 jQuery・javascript
jQueryでアコーディオンパネルを実装してみます。 サンプルも設置してますので、動作の確認が出来ます。…
「jQueryでアコーディオンパネル」をはてなブックマークに追加

wordpressのパンくずリストをmicrodata対応させる[追記あり]

2014年08月04日 phpSEO対策web関連WordPress
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。 リッチスニペットについては下記を参考にしてください。 リッチ スニペット - パンくずリスト(Google) 対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。 少しずつ勉強していきます。(^_^;) microdata対応のWordpr…
「wordpressのパンくずリストをmicrodata対応させる[追記あり]」をはてなブックマークに追加

jquery.ajaxComboBoxで重複する候補を削除する

2012年02月02日 jQuery・javascript
jquery.ajaxComboBoxとは jquery.ajaxComboBoxとは、フォームのテキスト入力の際に、候補をサジェストしてくれるjQueryプラグインです。ダウンロードおよび、使用方法は配布元のサイトからお願いします。 jquery.ajaxComboBox このプラグインをデフォルトで使っていると、指定したフィールドの値が重複している場合は、同じ候補が複数表示されてしま…
「jquery.ajaxComboBoxで重複する候補を削除する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy