RenzSpace Free Style Blog

特定のCSSをIE6以下だけに適用したい!

9月 7th, 2009 Author :: / Categories :: ホームページ制作でのあれこれ / トラックバックURL / No Comments »

Twitt

前述した透過PNGに大分関わってくるが、IE7以降や、MACブラウザには必要ないCSSがある。

そこで、狙ったバージョンのみに適用して欲しい場合は、下記の方法が可能だ。

<!–[if lt IE 7]>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
<![endif]–>

後は、外部CSSリンクなど適宜変更して、自分の環境に合わせて下さい。

9月 7th, 2009 Author :: / Categories :: ホームページ制作でのあれこれ / トラックバックURL / No Comments »

CSS背景画像にPNGを用いるには??

9月 7th, 2009 Author :: / Categories :: ホームページ制作でのあれこれ / トラックバックURL / No Comments »

Twitt

今となっては当たり前の方法かもしれませんが、ご存じない方も多いと思いますのでここに記述。内容はタイトル通り、背景画像にPNGを用いる方法です。

背景を半透明にして、全体の背景を透けさせたい!div背景をCSSで半透明化すると、そこに格納されるもの全てが半透明になってしまうので文章が読みズライ…を解消する。

解決策には4つの手順が必要です。

まずは、pngを使えるようにするjs(Javascript)ファイルを入手→HTMLのhead内に下記を追記→classやidを設定。→次にCSS設定

こんな流れです。

<script language=”JavaScript” type=”text/javascript” src=”iepngfix.js”></script>

jsファイルはここから入手出来ます。iepngfix.js

CSSでは下記を追記(HTMLサイドでは.iepngfixを透過したいdivに追記)

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

これで、綺麗に半透明が使用出来ますね。ただし、CSS2.1ではエラー表示されてしまうのが残念です。

9月 7th, 2009 Author :: / Categories :: ホームページ制作でのあれこれ / トラックバックURL / No Comments »