さまざまなブラウザでCSSハックを使用するのをやめ、代わりに「HTMLタグにクラスを追加する条件付きコメント」アプローチを採用しました。cssをハックして書き直す
これは私の質問に私をもたらします。どのように私はこれをie8のハックハックなしで書くだろう？
.grab-cursor{cursor:move\0/;}
私が実装しているよ：
--nonは（私は本当に理解していなかったCSSが私はする必要がないうれしいハッキングコードhere-- ;}
をハッキング今すぐ使用してください！）
.grab-cursor{cursor:move;}
ここではハックやコメントは必要ありませんブラウザ（http://www.quirksmode.org/css/cursor.htmlを参照）。あなたが解決しようとしている問題は何ですか？ハックせずにIEの特定のバージョンに特定のスタイルを適用する方法の一般的な質問に答えるために
EDIT
あなたは条件付きコメントブロック
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
を使用している場合、あなたは様々な可能性を持っています。
あなただけの一般的なInternet Explorerの問題を修正したい場合は、
.oldie .grab-cursor {
/*IE-tailored css styles without the hack*/
}
を使用することができますし、あなたが設定されています。あなたはのは、IE7を言わせてばかり、のために何かを修正したい場合は、
.ie7 .grab-cursor {
/*IE-tailored css styles without the hack*/
}
を使用することができますが、特定の問題を解決する最良の方法は、あなたが
/* style I'm currently using in production */
.cssgradients #main nav{
background: linear-gradient(left, black, #e00, black);
}
.no-cssgradients nav{
background: url(../img/nav-bg.png) center center repeat-y; /*image background as fallback */
}
私はまた、あなたが持っている、http://leaverou.github.com/prefixfree/をお勧めします
background: radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%);
代わりの
background: #000000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #000000 49%, #8f0222 49%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(49%,#000000), color-stop(49%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6d0019',GradientType=1); /* IE6-9 fallback on horizontal gradient */
良い点。 – ramsesoriginal
ありがとうございます、私は条件付きコメントブロックと近代化ツールを使用していますが、プレフィックスフリーについては一度も知りませんでした！ –
大歓迎です！ – ramsesoriginal
このハッキングは何をしますか？ – Bojangles
'style：property \ 0 /;'はInternet Explorer 8と9だけで解釈されるルールです。 '* style：property;'はInternet Explorer 6と7の対応するハックになります – ramsesoriginal