上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 要素の透明度を指定出来るのはIEだけでしたが、最新ブラウザでは徐々に使えるようになってきているそうです。
 IEではもはや普通に使えている。モダンブラウザをわざわざ導入する人は、ブラウザの状態を最新にしているに違いない。と、勝手に見越して(笑)スタイルシートの書き方を整理しておきます。


書式

opacity : 1 ;
filter : alpha(style=0, opacity=100);


 値は不透明だと「1.0」と「100」
 透明だと「0.0」と「0」

 これをスタイルシートに同時に書けば、モダンブラウザもIEもサポート出来ると言うわけ?です。


表示テスト

花サンプル花サンプル


<img src="http://画像URL.jpg" style="opacity : .5 ; filter : alpha(style=0, opacity=50) ; " />
このエントリーをはてなブックマークに追加
Mon.04.26.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。