html - 我的 CSS 可以在所有浏览器中使用,但不能在 ie8 中使用,它的布局很奇怪并且显示错误

标签 html css internet-explorer-8 internet-explorer-11

我的一些 CSS 不能在 IE8 中工作,但可以在 chrome、firefox、IE11 中工作。

我首先在 chrome 上制作了网站,然后意识到它在 ie11 中不起作用,所以我将代码放入 html 中,如下面的代码...

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

放置这个之后,我的网站可以在 ie11 上运行。后来发现,它在ie8上不起作用。

我正在为我的公司和公司所有员工制作这个网站,所有员工都使用不同的浏览器,所以我需要确保它适用于所有人。

我还有希望吗?还是我必须放弃这个?我在谷歌上研究了他们为在 ie8 上工作而插入的每个不同的代码插入,但它不起作用。

在我的 CSS 中,我使用了 border-radius 和 box-shadow 等等。 是否有替代方法...说“如果您使用 ie8 显示此网站,请以不同方式显示这段代码以适合浏览器。”

谢谢

最佳答案

您主要寻找的是“优雅降级”。在此处查看一些相关文章:

https://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement http://searchnetworking.techtarget.com/definition/graceful-degradation

无论如何,请记住,让现代页面在 IE8 上运行是一项乏味的任务,而且很可能没有必要。 IE8 的全局市场份额目前约为 1%,因此您确实必须考虑是否要进行额外的工作。

关于html - 我的 CSS 可以在所有浏览器中使用,但不能在 ie8 中使用,它的布局很奇怪并且显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36328796/

相关文章:

javascript - 如何使用按钮在新标签页中打开

html - 如何 POST 到 HTTPs?

html - CSS:水平滚动的问题

javascript - 有没有办法可以简化 jQuery 代码

javascript - Google +1 按钮导致 JavaScript 错误

internet-explorer-8 - 从 IE8 中的禁用链接中删除白色文本阴影

python - WTForms:如何在 SelectMultipleField 中选择选项?

javascript - 如何仅在滚动到元素时将 Animate.css 效果应用于该元素?

javascript - 一些文本在被 JS 函数更改时会变形

twitter-bootstrap - 如何使 Bootstrap 响应式布局在 IE8 上工作