カテゴリー: (X)HTM + CSS

投稿日:

CSS ; 画像の不透明度

像にマウスが乗ったときに不透明度を下げる仕様。

IE6,7,Firefox 

.class***name a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

ネスケは別途、-moz-opacity　の指定が要るようです。

投稿日:

IEのアンダースコア・ハック

通常、プロパティの前にアンダースコア(_)が入ると、CSS2では定義されていないプロパティであると認識されて無視されるのですが、Win IEでは読み込んでしまうバグを利用したCSSハック。

div {
width: 700px;
_width: 650px;
}

上記では、Win IE以外は700pxの幅で表示されるが、WinIEでは「_width: 650px;」で上書きされて650ｐｘで表示される。

投稿日:

ブラウザ毎のCSSハック

ブラウザ毎のCSSハックです。

【記述例】
class=”test”

★全てのブラウザ
.test { ***** }

★IE6.0 ハック
* html .test { ***** }

★IE7.0 ハック
*:first-child+html .test { ***** }

★FireFox ハック
html>body .test { ***** }

★Safari , Opera ハック
html:first-child .test { ***** }

★IE6.0以下に適用
*html body .test { ****** }

★IE7.0のみに適用
*+html body .test { ***** }

★IE7.0以下（全てのIE）に適用
*+html body .test , *html .test { ***** }

★IE7.0を含むモダンブラウザに適用（IE6.0以下を除外）
html>body .test { ***** }

★IE7.0を除くモダンブラウザに適用
html>/**/body .test { ***** } 

CSSハック一覧表