jugedred.net::Blog

がーん。もう朝の5時だああああああ。

div要素の中身を半透明にする方法をずっと模索してました。
半透明画像使うのかなぁとか、JavaScript使うのかなぁとかいろいろ考えたり、コードを書いて試してみたりとやってたら、もうこんな時間です。

んでまぁ、結果的にCSSだけでできたので軽く紹介します。

<!-- HTMLの部分 -->
<div class="alpha">
<p>ここの部分が半透明になります。</p>
</div>

/* CSSの部分 */
div.alpha {
background-color: blue; /* 適当に背景色を設定します。 */
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

どうやらこれだけでOKみたいでした。
ここにたどり着くまでに3時間くらいかかりました。もう寝よう。

トラックバックURL：http://jugedred.net/cgi-bin/mt/mt-tb-antispam.cgi/403

• スパム対策のため、トラックバックは承認後に公開します。
• 重複トラックバックは確認次第削除しますので報告は不要です。

• アカウントハックコメント対策のため、コメントは承認後に公開されます。
• 名前とメールアドレスとURLは必須ではありません。
• メールアドレスは管理人にのみ公開されます。
• 名前を空白にすると「名無しさん」になります。
• HTMLタグは利用できません。