IE10 中开发版和发布版的 CSS 行为差异

Question

我们已经创建了一个 ASP.NET 网站，到目前为止，我们使用的少量 CSS 运行良好。我们在 IE 10.0.9200.16899 中的虚拟机上进行了测试。现在我们已经在 IIS 7 的开发服务器上发布了网站用于测试目的，当我在 VM 上打开网站时(打开相同的浏览器)，布局有所不同；有些严重，有些则不太严重。

举个例子: (1) 我们使用的是 Infragistics 组件，它们的样式在很大程度上似乎与原始组件非常接近(字体大小、符号大小……有些差异，但非常小)。

(2) 引导导航栏中的以下悬停过渡适用于从 Visual Studio 中启动的站点，但不适用于开发服务器上的已部署版本。不过，颜色是正确的，悬停颜色也发生了变化；这是已部署版本中缺少的转换。

.navbar-default .navbar-brand {
  color: #3b3b3b;
  transition: color 0.2s ease-out;
}

  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #ff9900;
    background-color: transparent;
  }

(3) 我设计了一个按钮，使其具有渐变背景和位于渐变背景顶部左侧的图像(图标)，以及一个圆 Angular 。但是在部署版本中，整个按钮是灰色的，图像丢失，我看不到圆 Angular 。不过，据我所知，其余 CSS 工作正常。

.MyButton {
  background: url("/img/SomeIcon.png") no-repeat 8px center, -ms-linear-gradient(top, #374a9a 0%, #061671 70%);
  border: none;
  border-top-right-radius: 5px;
  color: white;
  /* Some other font stuff and padding that still works fine */
}

我是第一次做网站，一直以来我一直认为风格的差异主要与浏览器品牌和版本的差异有关。但这个问题一定是别的原因，也许与 IIS 有关？非常感谢任何关于为什么会有如此大差异的建议或想法。不知何故 (2) 和 (3) 似乎隐约相关，因为渐变和过渡动画都是我天真地认为“需要某种渲染”的东西。

IIS 版本之间的差异可能是原因吗？ Visual Studio 似乎在 IIS Express 中托管应用程序(我如何找出版本？我看到安装了 IIS Express 8.0，但我元素中的属性只显示“IIS Express”)，而托管该站点的服务器具有 IIS 7.0安装。非常感谢任何意见或想法!

Answer 1

您可能有一个处于兼容模式的浏览器，或者正在使用 F12 开发人员工具将其呈现为旧版本的 IE/quirks 模式。