html - 如何专门为 Internet Explorer 和 Edge 设置一个 css？

Question

我在使用 Internet Explorer 时遇到了很大的问题，因为它在我的 website 上出现了问题和故障。 ，(参见其他问题/我的问题 here)。

我的问题:我在这个 website 上有一个交互式图像就像图像 map 一样-图像上到处都是点，当鼠标悬停在一个点上时，它会扩展成一个更大的框(其中包含信息。我在页面上有 6 个点。这在除 IE 之外的所有浏览器中都能完美运行& 边缘。

在 IE/edge 中会发生什么:这些点非常有问题，不能正确扩展。尽管出于某种原因，底部的 3 点确实工作得很好。

这就是我考虑为 IE 创建一个单独的样式表的原因。

我认为唯一的方法是创建一个完全不同的 css 部分，专门用于 Internet Explorer。然后我想从我的 HTML 中专门为 IE 控制 css，而不是有一个单独的样式表。

我该怎么做？

这IE issue困扰我很久了，如果有人知道答案我会很高兴。

任何帮助将不胜感激。干杯。

Answer 1

输入head(在html中)

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="ie.css">

<![endif]-->

然后创建 ie.css(或您想要的名称)，在这里您编写的所有内容都将仅针对 IE 浏览器(所有版本)执行。

如果您只需要特定版本的 IE(ie8、ie7..)，请将 IE 替换为“IE 8”或“IE 7”(不带引号)。这里还有更多代码:

<!-- [if gte IE 8]>
<link>
<![endif]-->

gte=大于等于，您可以将 gte 替换为:lt=小于，lte=小于等于，gt=大于。

对不起英语