Question

我正在使用以下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 hack。我的问题是，这个hack已从我使用AjaxMin生成的缩小的css文件中删除。这是我们的交付系统中的后期构建步骤，因此我们将坚持使用AjaxMin。 ajaxmin documentation解释了使用'hacks'标志允许使用几个基于注释的黑客攻击，例如：

ajaxmin -css -comments：hacks GridLayout.css

不幸的是，不允许使用\ 9 hack。我能做什么？在我看来，解析生成的文件并不是一个好主意。

我想我最好的选择是在另一个非缩小文件中插入此hack，或者直接在标记之间的html页面中插入... 你们有更好的主意吗？ ajaxmin提供排除部分会很棒......

Answer 1

你不应该使用任何丑陋的黑客!!

改为使用Paul Irish's conditional comments method。

在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%;
}

这更清洁，更可靠。

如何避免IE9及以下CSS黑客的AjaxMin删除

1 个答案: