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

发布于 2024-12-02 19:08:04 字数 761 浏览 1 评论 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 hack。我的问题是这个 hack 被从我用 AjaxMin 生成的缩小的 css 文件中删除了。这是我们交付系统中的构建后步骤，因此我们将坚持使用 AjaxMin。 ajaxmin 文档解释了使用“hacks”可以进行一些基于评论的黑客攻击' 标志，例如：

ajaxmin -css -comments:hacks GridLayout.css

不幸的是 \9 hack 是不允许的。我能做些什么？我认为解析生成的文件不是一个好主意。

我想我最好的选择是将此 hack 插入另一个非缩小文件中或直接插入标签之间的 html 页面中... 你们有更好的主意吗？如果 ajaxmin 提供排除部分那就太好了......

原文

I'm using the following 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;
}

As you can see, I'm using a pretty ugly css hack.
My problem is that this hack is removed from the minified css file I'm generating with AjaxMin.
It is a post-build step in our delivery system so we're gonna stick with AjaxMin.
The ajaxmin documentation explains that several comment-based hacks are allowed with the use of the 'hacks' flag, ex:

ajaxmin -css -comments:hacks GridLayout.css

Unfortunately the \9 hack is not allowed.
What can I do ?
Parsing the generated file isn't a good idea in my opinion.

I guess my best choice is to insert this hack in another non-minified file or directly in the html page between tags...
Do you guys have a better idea ? It would be great that ajaxmin provide an exclusion section...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

千秋岁 2024-12-09 19:08:04

你不应该使用任何那些丑陋的黑客！

请改用 Paul Irish 的条件注释方法。

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

这更干净，也更可靠。

You shouldn't be using any of those ugly hacks!!

Use Paul Irish's conditional comments method instead.

Use this at the opening of your HTML tag:

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

Then, in your CSS, use this:

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

This is much cleaner, and much more reliable.

回复收藏 0 原文

~没有更多了~