CodeWeb: [CSS]クロスブラウザな半透明フィルタ - CSS(スタイルシート)のテクニックとトピックのまとめ

■ CodeWeb: [CSS]クロスブラウザな半透明フィルタ ■

2008/07/17 6:30:03　

25　codeweb.seesaa.net　[　この元コンテンツへ　]

IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。（クロスブラウザってJavaScript以外でも呼んでよかったけ？） [Internet E...

[　← 前の画面　]　 【 PR 】 注目のプログラムトピックスはこちら　[　ニコニコ風　]　[　関連記事　]　[　Feeling Lucky　]

[ スポンサードリンク ]

■ この情報のコメント・メモ ■

Opera9,IE,firefox,Safariで半透明を設定するなら filter:alpha（opacity=20）; -moz-opacity:0.2; opacity:0.2; をまるっと設定でぶち込む。ふー、めんどい　 [ knym ]

画像を半透明にするクロスブラウザな方法。Operaは無理っぽい。　 [ kmiyazaki ]

CSSで半透明を実現　 [ msk_masaki ]

CSSで半透明化　 [ HeavyFeather ]

各ブラウザでの半透明　 [ migiri ]

半透明フィルタ　 [ ll_koba_ll ]

それぞれのブラウザに対応した半透明プロパティの一覧。　 [ hysteric_cat ]

でもOperaはだめ～　 [ tajif ]

design　 [ webmarksjp ]

画像に限れば、IE以外へ半透明pngを使うことで解決することも。　 [ DocSeri ]

IE/Mozilla系/SafariでCSSによる半透明（アルファ値）指定。　 [ wacky ]

[　← 前の画面に戻る　]

■ ■

MOONGIFT: 》不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介　[　情報元へ　]
[1] CSSははじめこそきちんと定義しながら進めるのだが、修正が重なったり、日々の運用の中で徐々に肥大化していく。HTMLと同じで多少間違っていたり、不要な情報が紛れ込んでいてもそれなりに表示されるので気にならないのだ。だが不要な情報が紛れ込んでいると、ちょっとした修正が全く無関係と思われる場...

CSSグラデーションを使ってクールなボタンをつくる方法 | エンタープライズ | マイコミジャーナル　[　情報元へ　]
Firefox web browser - Faster, more secure & customizable公開が近づいているFirefox 3.6 (Gecko 1.9.2)ではCSS関連の機能が強化される。従来サポートしてきた機能の強化に加え、CSS3からいくつか新機能の取り込みと、Moz...

css Zen Garden：CSS デザインの美　[　情報元へ　]
css Zen Garden は達人の大事な教えについてゆったりと瞑想することをおすすめします。澄んだ心でものごとを見、新しくパワフルな（未来の）伝統的技術を学びましょう。ウェブと一体化するのです。このサイトって何のためにあるの？グラフィックデザイナーが CSS を真剣にとらえる必要性が確実に...

パンくずリストのマークアップを色々考えてみる｜CSS HappyLife　[　情報元へ　]
久々普通のエントリーだ。なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。この人→ネットのサラダボウル: Web標準の日々に参加します。皆色々やってるなぁ～、ボクも負けてられんなぁ～ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、Ｂ to Ａ　赤坂で働く...

MOONGIFT: » Blueprint CSSのレイアウト設計をグラフィカルに行う「Boks」:オープンソースを毎日紹介　[　情報元へ　]
Blueprint CSSはCSSフレームワークの先駆け的なソフトウェアだが、これを使うとグリッドなデザインを簡単に実現できるようになる。多様なブラウザにも対応し、かつきっちりとしたデザインが組めるとあって、便利に使われている。グラフィカルにグリッド設計ができるとは言え、最初は使いこなすのに苦労す...

[N] WYSIWYG型CSSデザインツール「CSSEZ」　[　情報元へ　]
WYSIWYG型CSSデザインツール「CSSEZ」2007年08月06日 13:43WYSIWYGでCSSをリアルタイムに編集し、ブログのテンプレートなどを作成することができる「CSSEZ」というサービスがスタートしていました。CSS・HTMLの知識を必要とせずに、ブログ用のテンプレートを作成する...

フロートとネガティブマージンまとめ:CSS | Tech de Go　[　情報元へ　]
tableレイアウトをやってた人も計算してからコーディングしてたと思います。CSSのfloatを使用したレイアウトにしても、floatの挙動を正確に覚えれば、緻密な構成が可能になります。以下は私が覚えたときのフロートレイアウトの考え方のまとめです。 A.フロートの基本（フロートしたボックスとしない...

MOONGIFT: » CSSのプロパティを見ながら指定できる「Simple CSS」:オープンソースを毎日紹介　[　情報元へ　]
CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。テキスト設定そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimpl...

30 Exceptional CSS Techniques and Examples | Six Revisions　[　情報元へ　]
April 25th, 2008 by Jacob Gube | 98 Comments | Stumble It! del.icio.us In this article, I’ve pieced together 30 excellent CSS techniques and examp...

CSSに見惚れてばかりじゃなくて、もっと私（HTML）を見てよっ！｜CSS HappyLife　[　情報元へ　]
と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。ウチのサイトの一番の目的は「CSSって面白い！」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である（X）HTMLの正しい記述方法。ホントのビギ...

[　← 前の画面に戻る　]

[ スポンサードリンク ]

[ 今日のWebデザイン ]

追加

[　追加された期間を表示　]

[　コメントの多いユーザー　]

『webデザイン』の注目情報

死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです...

2008/01/04 6:30:01
　　　css　webデザイン　 design　まとめ　 webdesign

コーディングするのが楽になるかも？と思うCSSテクニックのまとめ | CSS Lecture

Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。...

2009/11/16 13:00:07
　　　css　webデザイン　 web制作　まとめ　 html

| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

2009年06月08日鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめカテゴリ：WEBデザインデザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。◆いけてるサイト.comこのサイトを紹介しないと...

2009/06/09 9:00:07
　　　webデザイン　まとめ　デザイン　 web制作　 design