png画像をie6できちんと簡単に透過させる | 戦意
※2009年9月1日、スクリプトに不具合があったので追記してます。（下の方） 今作っているサイトではpng画像を使わないとデザイン通りにならない。 今まであんまり使ったことなくて、 ie6以下ではpng非対応だからiepngfixを入れておけば大丈夫というイメージしかなかったので、 今一度このタイミングでpngの表示について調べてみた。 案の定、Designwalkerとコリスさんがヒットしますね。 透過PNGをIE6以下のバージョンで綺麗に表示する方法 | DesignWalker↑これやってみたけど、全然うまくいかなかった。てか、右クリック保存しても拡張子こそjsだけど中身がそれらしきものではないような…。 右クリック先のページのソースみたいな…。 超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス↑これ、jsの読み込みさえできてい
jQueryで、透過pngをIE6に対応させる
jQueryで、透過pngをIE6に対応させる jQuery2008年12月7日 2008月11月現在、IE7の世界におけるシェアは47.39％を占めています。 （Net Applicationsより） 確実にIE6→IE7への移行は進んでいますが、まだまだIE6は無視できないのが現状です。 色々な方が透過pngをIE6でも機能させる方法をご紹介されていますが、実はjQueryのプラグインを使用する事で、あっさりIE6にも透過pngを対応させることができます。 「IE7.jsで対応」「iepngfix.js」といった方法もあるにはありますが、前者はちょっと反則的な気がしますし、後者は余計なソースがどんどん増えますし、マニアックなバグの調整作業をしなければならないのが難点です。 jQueryであれば、きちんとブラウザがサポートされているので安心ですし、余計なコードも増えません。（2～3行ほど
画面にあわせて画像サイズを自動調節できる「maxImage」:phpspot開発日誌
jQuery maxImage plugin: Demo 画面にあわせて画像サイズを自動調節できる「maxImage」。 jQueryプラグインとして公開されているようです。 ↓↓画像を自動リサイズ↓↓ 背景画像として自由に伸縮させたり、スライドショーをさせることが可能。 使い方によっては非常に有用なライブラリですね。 ダウンロードとインストール方法はこちら - 初期化も非常に簡単 関連エントリ 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」
[JS]ブラウザのサイズに合わせて画像サイズを最適化するスクリプト
maxImage demo 上記のデモでは、右側の画像がブラウザのサイズに合わせて、はみでないようにリサイズされて表示されます。 デモは他にも多数あり、下記は背景画像をブラウザのサイズに合わせて最適化します。
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
