我的CSS看起来在IE浏览器中搞砸了

Question

需要制定某种“计划”。它在Google Chrome中运行良好，但我现在听说它只需要在IE浏览器中工作。

有没有办法修复我的CSS / HTML或者我是否需要从头开始重新制作？ 我是CSS / HTML新手，过去我一直使用Chrome / Firefox。

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

https://jsfiddle.net/Azcrod/w7jqyb36/

我的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类

上

filter: none !important;

特别用颜色的课程

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站点。这种方式起作用了。