IE-winで透過PNGを利用する方法 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 サンプルは透過PNG。テキストの上に、透明度36%の矩形を重ねてある。IE6とFirefoxでは見え方が違うことが解るだろうか？ 左がIEで見た場合、右がFirefoxで見た場合。バージョン６までのIEはPNGのアルファチャンネル（半透明）に対応していないので、普通に使うと透過部分が灰色っぽくなり、期待はずれな結果に終わる。IE6でも透過PNGを表示するには、次のように記述する。 #overlay { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizi
CSSハックを使ってIE6でも透明・透過png画像を表示させる方法 : 4GALAXYのメモ
3 21 08 2007 CSSハックを使ってIE6でも透明・透過png画像を表示させる方法 Css 現状もっともシェアの高いIE6で透明・透過png画像をCSSを使って表示する方法。 24ビットの透過png画像というのは非常に優秀で、 レイヤーなどで上に表示させてもちゃんと透明度を維持して表示することが出来ます。 グラフィカルなページを作る上でさまざまな場所で活用できると思います。 実際このブログのLOGO画像も透明png画像を使っています。 それでは白背景に透明グラデーションをかけた画像を表示させます。 以下の画像はIE6では透明表示が正常にできていません。 コード <style> #img1{ width: 200px;/* 画像の横サイズ */ height: 50px;/* 画像の縦サイズ */ background-repeat: no-repeat
IE PNG Fix Alpha 2を使ってみた。 | ちぷろぐ
透過をきれいに使ったウェブデザインいろいろ - DesignWalker ↑を見ていて、いいな！私も透過PNG使いたいな！と久しぶりにデザインがえを考えてます。 上のサイトの中でも特にSilverbackの画面の横幅を変えた時の葉の重なり具合が凄いキュートだと思って、こういうので何かできないかしら？と。 あんまり気付かれない感じの仕事なんだけど、なんかそこに萌えを感じます。 The portfolio of Bryan Katzelにいたっては、神業！！としか思えない！！ 頭良いなあ、考えた人！ で、こういうサイトの透過PNGを使った効果ははIE6以下ではちゃんと見えないのよね。 もったいない。 なのに、IE6のシェアはまだまだぶっちぎり1位なんよね。 そこで、リニューアルに向けての勉強がてら、IE6でも透過PNGを使えるようになる「IE PNG Fix」を試しに使ってみた。 一
画面いっぱいの背景画像をスライドショウするjQueryプラグイン
2010年4月10日 画面サイズにフィットして伸縮する背景画像を、スライドショウするjQueryプラグインの紹介。 フルFlashサイトなどで見かける、画面サイズに合わせて画面いっぱいに画像が表示されるアレ。それにスライドショウ機能が付いたjQueryプラグインを、自分のサイトで使ってみました。 動作サンプル www.daichifive.com 自分のサイトで使ってみました。なんか、いいカンジでしょ？ちなみに、使用している写真は、足成さんでダウンロードしました。 追記 上記で紹介している僕のサイトのソースコードをまるまる流用する人が増えています。分からないからといって、CSSファイルやデザインまで全部パクるのはやめましょう。head内のアクセス解析用コードまでそのまま使う人が多いのもホント焦る。僕のGoogleAnalyticsの結果に知らないタイトルのページがたくさん入ってきてます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker