Question

我们已经创建了一个ASP.NET网站，到目前为止我们使用的小CSS工作得很好。我们在IE 10.0.9200.16899中的VM上进行了测试。现在我们已经在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）我设置了一个按钮，在背景渐变的顶部左侧有一个渐变背景和一个图像（图标），以及一个圆角。但是在部署版本中，整个按钮显示为灰色，图像丢失，我无法找到圆角。其余的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）似乎有些模糊，因为渐变动画和过渡动画都是我天真地想到的，需要某种渲染和＃34;

IIS版本之间的区别可能是什么原因？ Visual Studio似乎在IIS Express中托管应用程序（我如何找到版本？我看到安装了IIS Express 8.0，但我项目中的属性只是说＆＃34; IIS Express＆＃34;），而服务器托管该站点已安装IIS 7.0。任何意见或想法都非常感谢！

Answer 1

您可能在兼容模式下使用其中一个浏览器，或使用F12开发人员工具将其渲染为旧版IE /怪癖模式。

IE10中开发版本与已发布版本之间的CSS行为差异

1 个答案: