Question

我的网站的菜单现在在IE中表现不佳，之前很好。我将网站的文件移动到公司网络共享，现在它不会正确显示CSS。 CSS应该添加边框半径/圆形边，它z-indexes，因此它会在其他div上等等，并且在移动之后它不再执行此操作。如果我在IE中点击f12并选择IE10 - 而不是IE10兼容性 - 它确实可以正常加载。

我的CSS需要修复一些东西吗？

    height:41px;
background: #fff;
background-color: #000000;
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
background: #565656;
background: -moz-linear-gradient(#565656 0%, #323232 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
background: -webkit-linear-gradient(#565656 0%, #323232 100%);
background: linear-gradient(#565656 0%, #323232 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

Answer 1

IE10兼容模式模拟IE7，它支持几乎没有使用的css3属性。除非您开始对border-radius使用this one等IE浏览器，否则它们不会呈现。（box-shadow和border-radius都是IE9 +）

这就是为什么您的网站应遵循graceful-degradation的理想。您应该进行调试，以便定位和堆叠（z-index）按照设计工作，但可能会出现轻微的眼睛糖果。

CSS菜单在IE10兼容模式下无法正常工作

1 个答案: