スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブラウザごとに背景をCSSで半透明にする

CSSを使って背景に画像に対しその上にくる要素を半透明にする方法を紹介します。よく知られていると思いますがあまり知らなかったので残しときます。何となくかっこいいです。
実際に設置してみると以下のようになります。
このように背景が半透明になります
透明度は自由に変更できます

どのようになるかというと、中に入る部分のCSSを以下のようにしてあげるだけです。

background-color:#ffffff;filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

3つ指定していますがブラウザごとに対応が違うためです。

各数値は半透明の度合いを表していて数値が高くなるほど透明度は増します。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
はじめまして。
テンプレートを使用させていただいている初心者です。
お尋ねしたいことがあるのですが、
コメント欄を開くと、タイトルが表示されるところがないのですが、
タイトルを表示するように変更することはできますでしょうか?
なにぶん何も分からないもので、もし簡単にできるようでしたら
方法を教えてください。
【2010/10/03 16:12】 | ぼーぶーママ #- | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。