Html 网站在internet explorer上不工作

我有一些简化的代码，类似于我正在处理的网站的标题（），一切都很好，但InternetExplorer不能很好地工作。我怎样才能解决这个问题

概念：

• 我可以设置其余部分应遵循的#桅杆头高度（适合）
• 在#wp自定义标题中有图像，这应该适合 整个桅杆
• 上面应该有.site品牌文本
• 在.site品牌文本中会出现一些文本和/或图像

身体{
位置：静态；
高度：100vh；
宽度：100vw；
}
#桅顶{
位置：相对位置；
身高：90%；
宽度：90%；
框大小：边框框；
边框：5px纯红；
显示器：flex；
证明内容：中心；
文本对齐：居中；
柔性包装：包装；
}
#自定义标题{
位置：相对位置；
身高：100%；
宽度：100%；
框大小：边框框；
边框：5px纯绿色；
显示器：flex；
文本对齐：居中；
柔性包装：包装；
对齐项目：居中；
证明内容：中心；
}
.自定义头媒体{
位置：绝对位置；
身高：100%；
宽度：100%；
框大小：边框框；
边框：5px纯蓝色；
显示器：flex；
显示：-ms flexbox；
证明内容：中心；
文本对齐：居中；
背景色：rgba（35,220,160,1）；
}
#可湿性粉剂自定义标题{
位置：绝对位置；
身高：100%；
宽度：100%；
框大小：边框框；
边框：5px纯橙；
显示器：flex；
证明内容：中心；
文本对齐：居中；
不透明度：0.4；
}
#wp自定义头img{
身高：继承；
宽度：继承；
}
.网站品牌{
显示器：flex；
位置：相对位置；
身高：50%；
宽度：50%；
框大小：边框框；
边框：5px纯黑；
对齐项目：居中；
证明内容：中心；
}
.site branding.wrap{
显示器：flex；
位置：相对位置；
身高：50%；
宽度：50%；
框大小：边框框；
边框：5px纯黑；
对齐项目：居中；
证明内容：中心；
}
.网站品牌文本{
位置：相对位置；
身高：50%；
宽度：50%；
框大小：边框框；
边框：5px纯黑；
对齐项目：居中；
证明内容：中心；
}
你好

您正在使用Internet Explorer未注册的CSS。有一种方法可以使用css中的IF语句为internet explorer添加css

我认为您应该参考这篇文章，因为它提供了有关如何为InternetExplorer进行设计的良好信息

下面是一个关于如何引用特定浏览器的样式表的示例

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
    <link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

Internet Explorer中不支持Flex。

---

道具为您测试您的网站在所有浏览器虽然

哪个版本的Internet Explorer？由于您使用的是flexbox，请参阅以获取兼容性图表。internet explorer11@extreme4allIE 11不能正确支持flex，有许多已知的bugs@RachelGallen所以我应该接受我的失败？你不需要使用flex，你可以用另一种方式重写。无论我（或任何）建议如何，你都可以决定如何继续。这不是答案，如果你链接的资源因任何原因消失，答案完全没有价值……这个答案非常有效。我解释了为什么他的代码不起作用（该浏览器不支持），并向他提供了有关在CSS中使用IF语句的信息。有人可以很容易地为IF语句找到其他资源，如果该链接曾经中断的话。不，它不是。。。由于这个原因，它被否决了什么css在InternetExplorer中不起作用，或者我应该添加什么css？

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
    <link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->