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

标签 html css internet-explorer

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

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

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

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

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

我该怎么做?

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

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

最佳答案

输入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=大于。

对不起英语

关于html - 如何专门为 Internet Explorer 和 Edge 设置一个 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36387538/

相关文章:

css - IE 6 css 绝对定位问题

javascript - 在 IE 中禁用带有 'contentEditable' 标志的元素的自动 URL 检测

电子邮件通讯的 HTML 表格问题

javascript - 如何使用 jQuery 单独引用动态生成的 Bootstrap 面板

java - Jsoup 404错误

javascript - 使用 chrome 时,最后一列并不总是显示在 bootstrap 折叠元素内的 html 表中

html - 修复 HTML/CSS 动画性能

javascript - 使用 Web Worker 进行异步 Canvas 绘制

css - 任何 slider 改变导航按钮的位置

javascript - 如何从IE浏览器中的输入文件标签获取javascript中的文件名