我想在某些图例控件为空时清除它们的背景,但我的应用程序针对的是 IE7 及更高版本。
我一直在研究这个, :empty 为我剪掉了它,但它只适用于 IE9+。
所以我必须通过 javascript 模拟我的 css,并且我有以下代码:
if ($('html').hasClass('lt-ie9')) {
$("legend:empty,h3:empty")
.css("background-color", "transparent")
.height(16); // make equal to newstyles.css
}
我正在使用 Modernizr 和 Html5Boilerplate。
所以这段代码似乎工作正常,但在 IE9 标准模式下,我仍然得到 lt-ie9 类,它来自这个摘录:
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<HEAD>
所以我的问题是:1.为什么IE9还有那个标签?2.有没有办法通过 Modernizr 检测到这个?
谢谢!