車・自動車SNSみんカラ

  • 車種別
  • パーツ
  • 整備手帳
  • まとめNew!!
  • ブログ
  • みんカラ+
イイね!
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
現在価格を調べてみる
イイね!
この記事へのコメント
2009/04/17 18:15:31
工エエェェ(´゚д゚`)ェェエエ工
コレを付け加えるだけで透過になっちゃうんですか?!

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

ただ、ホワイトさんの情報だと
透過処理の影響?でレスポンスが悪くなるみたいなので諸刃ですね
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フィルタをかけるといいかも。

注目のオークション

 

おすすめアイテム

 
プロフィール
「オ・ト・ナ・買い♪」
何シテル?   10/09 17:49
Myファン100人でっきるっかな?(笑
みんカラ新規会員登録
ユーザー内検索
<< 2014/10 >>
   1234
567891011
12131415161718
19202122232425
262728293031 
リンク・クリップ
スロットルボディー清掃交換 
カテゴリ:その他(カテゴリ未設定)
2014/07/18 09:34:01
ギヤオイル交換 
カテゴリ:その他(カテゴリ未設定)
2014/07/18 09:30:46
APA 4160 コンデンサ交換 
カテゴリ:その他(カテゴリ未設定)
2014/02/26 19:05:57
ファン
17 人のファンがいます
愛車一覧
マツダ MPV マツダ MPV
子供の成長とともに車も成長!? DIYを中心にコツコツとやってます 光りモノもしばしば ...
ホンダ スーパーカブ90 ホンダ スーパーカブ90
通勤快足です。 HA02型 バッテリ:YT4L-BS キック式 カブラ仕様 2012 ...
ホンダ Dio (ディオ) ホンダ Dio (ディオ)
2012年12月7日 運用スタート 2013年10月30日 廃車処理 2014年 9 ...
その他 その他 その他 その他
15年ものです。 あまり乗っていないのとカバーを掛けて保管していたので意外ときれいです。
過去のブログ
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
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コード
このブログを携帯でご覧になれます
プライバシー
©2014 Carview Corporation All Rights Reserved.