IE6対応！jQueryで透過PNGのロールオーバーを作る (2/3)
IE6で透過PNGを表示する さて、ここからが今回の本題です。サンプル01をIE6でも正しく表示できるようにします。IE6ではCSSの独自拡張（filterプロパティ）を使って透過PNG画像を背景として表示できます（関連記事）。jQueryのスクリプトを書く前に、IE6で単純に透過PNGを表示するHTMLとCSSを作成します。 ナビゲーションメニューのHTMLはサンプル01と同様にul/li要素で記述します。IE6では透過PNGをimg要素に直接指定しても表示できませんので、代わりにダミー画像（1px×1pxの透過GIF画像＝「transparent.gif」）を用意してsrc属性に指定します。img要素にはCSSを設定するため、「jquery」「javascript」などのメニューの項目名に対応したclass属性を付けておきます。 ▼サンプル02（HTML部分） <ul> <li><a
[はじめてのjQuery]jQueryを使うための準備（ダウンロードからHTMLへの組み込みまで） | IT女子のお気に入りフォルダ
[はじめてのjQuery]jQueryを使うための準備（ダウンロードからHTMLへの組み込みまで） この記事を読むのに必要な時間の目安: 4分ぐらい 最近圧倒的な人気ぶりを感じるjQuery。比較的簡単に習得できそうだし、軽量なJavaScriptライブラリーでWEBページでの読み込みも速そうなうえにいろんな動きを実現できるということで、かなり出遅れた感はありますが、ついに私もjQueryをはじめようと思います。現時点でｊQueryに関する知識は皆無ですが、独学でがんばります。 まずは、jQueryを使うための準備ですね。必要なライブラリは商用・非商用を問わず、無償で手に入れることができます。 ただし、ライブラリー中の著作権表示は消してはいけません。 jQuery公式サイト － http://jquery.com/ 公式サイトのダウンロードボタンをクリックするか、メニュー画面上部に表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/