gpt4 book ai didi

css - 如何避免 IE9 及以下 CSS hack 的 AjaxMin 删除

转载 作者:行者123 更新时间:2023-11-28 14:31:46 24 4
gpt4 key购买 nike

我正在使用以下 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”标志允许进行多种基于评论的 hack,例如:

ajaxmin -css -comments:hacks GridLayout.css

不幸的是,\9 hack 是不允许的。我能做些什么 ?在我看来,解析生成的文件不是一个好主意。

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

最佳答案

你不应该使用任何那些丑陋的技巧!!

使用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%;
}

这更干净,也更可靠。

关于css - 如何避免 IE9 及以下 CSS hack 的 AjaxMin 删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7284000/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com