Question

我不得不让一个网站在可怕的IE中工作到8级 - 很长一段时间以来我不得不用8做任何事情所以我挣扎着以下。

我使用Modernizr Check为旧浏览器运行以下脚本：

$(".hp_header #bgvid, .hp_header .cd-background-wrapper").hide();
$(".hp_header .respy").show();
$(".hp_header #bgvid, .hp_header .cd-background-wrapper").css("display", "none");
$(".hp_header .respy").css("visible", "true");
$(".hp_header .respy").css("display", "block");
$(".hp_header .respy").css("width", "100%");

不幸的是，IE8完全忽略了可见性和显示选项，我该怎么办？

Answer 1

可能不是您正在寻找的答案，而是更多的建议。您可以使用像这样的条件html语句

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->

然后，你可以做的就是这样的css：

.ie8 .hp_header #bgvid, 
.ie8 .hp_header .cd-background-wrapper {
    display:none;
}

.ie8 .hp_header .respy {
    display:block;
    width:100%;
    visibility:visible;
}

如何在IE8中显示和隐藏元素？

1 个答案: