0

私は次のcssを使用しています:

.GridDraggedRow tr td.firstCol{
padding: 2px 10px 0 0;
text-align: right;
vertical-align: top;
width: 1px;
width: 1%\9; /* IE9 and below */
white-space: nowrap;
}

ご覧のとおり、かなり醜い css ハックを使用しています。私の問題は、このハックがAjaxMinで生成している縮小された css ファイルから削除されていることです。これは配信システムのビルド後のステップなので、AjaxMin を使い続けるつもりです。ajaxminのドキュメントでは、「hacks」フラグを使用していくつかのコメントベースのハッキングが許可されていると説明しています。例:

ajaxmin -css -comments:hacks GridLayout.css

残念ながら、\9 ハッキングは許可されていません。私に何ができる ?私の意見では、生成されたファイルを解析することは良い考えではありません。

私の最善の選択は、このハックを別の縮小されていないファイルに挿入するか、タグ間のhtmlページに直接挿入することだと思います...もっと良いアイデアはありますか? ajaxmin が除外セクションを提供することは素晴らしいことです...

4

1 に答える 1

0

これらの醜いハックを使用するべきではありません!!

代わりに、ポール アイリッシュの条件付きコメント メソッドを使用してください。

HTML タグの開始時にこれを使用します。

<!--[if lt IE 10 ]>    <html class="lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

次に、CSS でこれを使用します。

.GridDraggedRow tr td.firstCol{
    padding: 2px 10px 0 0;
    text-align: right;
    vertical-align: top;
    width: 1px;
    white-space: nowrap;
}
.lt-ie9 .GridDraggedRow tr td.firstCol{
    width: 1%;
}

これははるかにクリーンで、信頼性が高くなります。

于 2011-09-02T13:23:42.987 に答える