タグ

alphaimageloaderとjavascriptに関するnabinnoのブックマーク (2)

  • AlphaImageLoader - CSS Dencitie

    画像のアルファチャンネルを有効にする為のフィルタです。InternetExplorerは、まだPNG画像のアルファチャンネルをデフォルトでサポートしておらず、それを有効にする為には、このフィルタを使用する必要があります。 画像は背景の上に描かれます。使用方法としては間違っているかもしれませんが、この特性を利用して、同時に2つの背景を適用することも出来ます。 <div style="width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='earth.png');"> フィルタの例です。</div> Enabled 値

  • IE6対応!jQueryで透過PNGのロールオーバーを作る (1/3)

    透過PNGに対応したロールオーバーのサンプル。メニュー画像は半透明になっており背景が透けている。IE6を含むクロスブラウザーに対応している(画像クリックでサンプルページを表示します) ロールオーバーの基部分をおさらい 「透過PNG対応」といっても、IE6以外のブラウザーでは単に透過PNG画像を用意するだけですので、通常のロールオーバーと変わりません。まずは前回のおさらいをかねて、通常のロールオーバーを作成しましょう。以下のようなHTML/XHTML(以下、HTML)を用意します。メニューはul/li要素で記述し、img要素のclass属性には「rollover」を設定します。ここでは、次のような半透明の透過PNG画像を用意し、img要素のsrc属性に指定しています。 ▼サンプル01(HTML部分) <ul> <li><a href="#"><img src="images/jquery.

    IE6対応!jQueryで透過PNGのロールオーバーを作る (1/3)
  • 1