がーん。もう朝の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タグは利用できません。
名前
メールアドレス
URL
ログイン情報を記憶
コメント