CSS3のちょっと良い技。
画像を透過してくれる。
下のようにすればIEにも（IE6はしない）
filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
Posts Tagged ‘css’
CSS備忘録-css3画像透過（IEも）
12月 17th, 2010なんでオレがCSSハックをこんなにもしないといけないのか!!
10月 20th, 2010CSSハックはしたくない。
がどうしてもしないといけない場合がある。
そんなとき、いちいち検索していたが、
はたと気づいた！
自分のサイトでまとめておけば・・・。
なんでこんなことにきづけなかった！
ハックしないでいいレイアウトを最初から考えときゃいいんだけどね。
ということでいつもは検索していたのをまとめてみました。
これでいちいち検索せずに済む。もっと前にやっときゃよかった。
Internet Explorer
IE6以下
#kokokChengeNe { _color: blue; }
* html #kokokChengeNe { color: red; }
IE6以外
#kokokChengeNe { color/**/: blue; }
IE6, IE7以外
html>/**/body #kokokChengeNe { color: red; }
IE6〜IE8以外
:root *> #kokokChengeNe { color: red; }
IE7
*:first-child+html #kokokChengeNe { color: red; }
*+html #kokokChengeNe { color: red; }
IE6, IE7
#kokokChengeNe { /color: blue; }
IE7, IE8
#kokokChengeNe { color/*\**/: blue\9; }
IE8
#kokokChengeNe { color: blue\9; }
Firefox/Safari/Chrome/Opera
Firefox
#kokokChengeNe, x:-moz-any-link { color: red; }
Firefox 3.0以上
#kokokChengeNe, x:-moz-any-link, x:default { color: red; }
Safari 3以上, Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
#kokokChengeNe { color: red; }
}
Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上
body:nth-of-type(1) #kokokChengeNe { color: red; }
body:first-of-type #kokokChengeNe { color: red; }
あんまり使わないけど
Opera 9.25以上
;;body #kokokChengeNe { color: red; }
html:\66irst-child #kokokChengeNe { color: red; }
Opera 8, 9以外
body[class|="hypen-ated"] #kokokChengeNe { color: red; }
あれ？足りないんじゃない？
まっいいか。他は使わないし。
最近の投稿
おすすめウェブサーバー
おすすめドメイン取得
