Question

为什么这个ie6.css文件没有在IE6上加载？
'TEST 123'文本确实显示。（如果删除条件，则css有效）

中的xp和IE6在虚拟盒子上测试它

（我知道_和* css黑客，但我需要在IE6上有一个非常不同的布局）

<!DOCTYPE html>
<html>
<head>
    <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="~/Web/css/ie6.css" />
    <![endif]-->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CE Client</title>
</head>
<body>
    <!--[if lt IE 7]>
        <p>TEST 123</p>
    <![endif]-->
</body>
</html>

Answer 1

你应该可以使用：

目标IE 7和LOWER

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="~/Web/css/ie6.css" />
<![endif]-->

OR

仅限目标IE 6

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="~/Web/css/ie6.css" />
<![endif]-->

Answer 2

您必须使用完整的网址。使用类似语法时，它将无法在您的浏览器中使用。

"http://yourwebsite.com/Web/css/ie6.css"

IE6的条件加载css

2 个答案: