gpt4 book ai didi

html - 即条件html语句

转载 作者:行者123 更新时间:2023-11-28 17:29:11 25 4
gpt4 key购买 nike

我在这里使用条件语句来添加即浏览器 css 样式

    <!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->

如果我在模拟器中测试这个条件语句似乎不起作用,html 标签没有 'lt-ie9' 类。

如果我在像 browserstack 这样的产品中测试,条件语句似乎可以工作,我可以看到用 .lt-ie9 类显示的文本

条件html标签是否正确?我不应该相信模拟器

    <!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!--jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<!--css-->
<style type="text/css">

.test{
color: red;
display: none;
font-size: 2em;
}

.lt-ie9 .test{
display: block;
}

</style>


<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title>Title of the document</title>
</head>

<body>

<div class="test">IE8</div>

</body>

</html>

最佳答案

如果不了解所讨论的模拟器,我们就无法知道。调试时最好的做法是将该代码复制到正文中,并用可见的内容替换 html 标签:

<!--[if lt IE 7]> IE, Less than 7<![endif]-->
<!--[if IE 7]> IE 7 <![endif]-->
<!--[if IE 8]> IE 8 <![endif]-->
<!--[if gt IE 8]><!--> IE 9+ or not-IE <!--<![endif]-->

关于html - 即条件html语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26497131/

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