車・自動車SNSみんカラ

■ナビゲーション
車・自動車SNSみんカラ > ブログ > 日記 > 初めての白 > CSS 透過フィルタ"alpha"IE以外のFirefox等でもイケます
イイね！
2009年04月17日
CSS 透過フィルタ"alpha"IE以外のFirefox等でもイケます
もうやらないって言ってたのに・・うそつきwww

タブに仕込みますた(`・ω・´)




やり方は仕込みたいところに
↓をぶちこみます。
filter:alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;

これは25%の例です。
100%で透過ゼロになります。

さらにIEの場合グラデーションをかけることができます

グラデーションをかける場合
filter:alpha(style=1, opacity=100 ,finishopacity=40);
-moz-opacity:0.65;
opacity:0.65;
な風にしています。

この辺やこの辺が参考になります。

このopacityというところがミソらしいのですが
自分にはさっぱりwww
結構適当なので、そのうちレイアウトが総崩れすると思います（爆
このブログをクリップする
※クリップとは？

気に入った記事(ブログ・パーツレビュー・整備手帳など）をマイページに保存して、いつでも見られるようになります。
ブログ一覧 | みんカラ
Posted at 2009/04/17 16:57:51
ドライブが楽しくなるアプリ ハイタッチ！ドライブ
イイね！
この記事へのコメント
青tombo
2009/04/17 18:15:31
工ｴｴｪｪ(´ﾟдﾟ｀)ｪｪｴｴ工
コレを付け加えるだけで透過になっちゃうんですか?!

お姉さんの服につけて'`ｧ,､ｧ(*´Д｀*)'`ｧ,､ｧ（爆）
コメントへの返答
2009/04/17 18:38:35
気になるところにチョイっと付けるだけで、もうスケスケですwww

ただ、ホワイトさんの情報だと
透過処理の影響？でレスポンスが悪くなるみたいなので諸刃ですね
青tombo
2009/04/18 00:44:28
オイラも白さんのおかげで大分スケスケになりましたよ～(^o^)／
有難うございました(^^ゞ
コメントへの返答
2009/04/18 02:51:36
スケスケ倶楽部へようこそ（爆
好きですね～
グラデはIEだけの特権ですが
firefoxでもスケスケに出来るのは目からウロコでした。

また面白いの発掘したら紹介しますね～

ホワイト２３Ｔ
2009/04/20 21:47:09
遅くなりましたが、本日こちらを参考に僕もタブを弄ってみました＾＾
ありがとうございました。
文字も一緒に透過してしまうのですが、これの直し方って分かりますかぁ？
コメントへの返答
2009/04/20 23:04:19
そうなんです。文字まで透けちゃうのがこのフィルタの弱点なんです(^^;

もしやるとしたら、文字の部分を透過GIFかPNGで作って背景の色にalphaフィルタをかけるといいかも。

<< 刈谷ナイト　いきますた    コレ(・∀・)ｲｲ！ >>
■ナビゲーション
車・自動車SNSみんカラ > ブログ > 日記 > 初めての白 > CSS 透過フィルタ"alpha"IE以外のFirefox等でもイケます
プロフィール
「今日明日、終日講習会（泣」
何シテル？   05/11 18:36
Myファン100人でっきるっかな？（笑
Facebookみんカラ公式ページ Twitterみんカラ公式ページ
みんカラ新規会員登録
ユーザー内検索
掲示板
初めての白の掲示板
<< 2013/5 >>
日 月 火 水 木 金 土
   1234
567891011
12131415161718
19202122232425
262728293031 
ブログカテゴリー
リンク・クリップ
ヒコテック　携帯用 
カテゴリ：ラジコン
2011/10/05 13:16:54 		 
洛西モデル 
カテゴリ：ラジコン
2011/04/19 11:46:32 		 
NIFTEC ナット　パーツ 
カテゴリ：ラジコン
2011/04/19 11:44:42 		 
[ 他のクリップをチェック ]
お友達
89 人のお友達がいます
LY3P23TLY3P23T * MTB BAKAMTB BAKA *
おつとめおつとめ * KRISKRIS *
しんちゃん＠ｍａｚｄａ８しんちゃん＠ｍａｚｄａ８ * こじターボこじターボ
ファン
14 人のファンがいます
愛車一覧
マツダ MPV マツダ MPV
子供の成長とともに車も成長！？ DIYを中心にコツコツとやってます 光りモノもしばしば ...
その他 その他 その他 その他
15年ものです。 あまり乗っていないのとカバーを掛けて保管していたので意外ときれいです。
ホンダ スーパーカブ90 ホンダ スーパーカブ90
通勤快足です。 HA02型 バッテリ：YT4L-BS キック式 カブラ仕様
ホンダ Dio (ディオ) ホンダ Dio (ディオ)
２０１２年１２月７日　運用スタート
[ 愛車一覧 ]
過去のブログ
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
2006年
01月02月03月04月05月06月
07月08月09月10月11月12月
PR
QRコード
QRコード
このブログを携帯でご覧になれます
プライバシー
TRUSTe
ヘルプ｜ 利用規約｜ サイトマップ
©2013 Carview Corporation All Rights Reserved.