我的 css 在 IE 中看起来一团糟

Question

需要做一些'scheme'。它在 Google Chrome 中运行良好，但我现在听说它需要在 IE 中运行，仅 IE。

有什么方法可以修复我的 CSS/HTML 还是我需要从头开始重新制作？我是 CSS/HTML 的新人，过去我一直使用 Chrome/Firefox。

在这里你可以看到我已经拥有的，实时代码在这里

我的 CSS 部分代码在这里：

background: -webkit-radial-gradient(white, #E98300);
/* Safari 5.1 to 6.0 */
background: -o-radial-gradient(white, #E98300);
/* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(white, #E98300);
/* For Firefox 3.6 to 15 */
background: radial-gradient(white, #E98300);

…这是它在 IE 中的外观打印屏幕：

版本是 IE 11，但如果重要的话，我将它托管在内部网服务器上。

Answer 1

对于您正在使用的许多 CSS，IE div 边框形状更改、背景渐变等。它们是 CSS3，这意味着您通常需要 IE9+ 才能看到它们格式正确。

Answer 2

IE 中的颜色问题

将此行放在所有 css class

filter: none !important;

特别用色classes

Answer 3

这取决于您使用的 IE 版本（我使用的是 IE11，它看起来不错）。您可以在此处查看支持的浏览器版本：http://caniuse.com/#search=gradients

对于旧版本，您可以使用以下 CSS，但没有多站，也不能告诉他们使用特定角度：

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0066A1', EndColorStr='#FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0066A1', EndColorStr='#FFFFFF')"; /* IE8*/

对于 IE 9，请参阅 P.JAYASRI 的回答。

Answer 4

我设法自己解决了这个问题。也许我以错误的方式解释了它，但我必须做的是转到 IE 的兼容性视图设置并为 Intranet 站点禁用它。这在某种程度上起作用了。

我的 css 在 IE 中看起来一团糟

My css looks messed up in IE

html

css

internet-explorer