通过 IIS 提供服务时，CSS 呈现不同 [关闭]答案

【问题标题】：CSS renders differently when served through IIS [closed]通过 IIS 提供服务时，CSS 呈现不同 [关闭]
【发布时间】：2013-09-07 15:35:15
【问题描述】：

http://tinyurl.com/qjrrsru 上的文件是一个压缩文件夹，其中包含一个纯 HTML 页面、2 个 CSS 文件和 3 个图像文件。这些产生了一个圆角的面板。我的问题是该面板仅在直接在浏览器中打开或使用 ASP.Net Webserver 时才有效。当我将它上传到 IIS 时，它在浏览器中的外观有所不同。我该怎么做才能使它在通过 IIS 提供服务时看起来完全一样。我知道很多人以前都问过这个问题，但没有任何解决方案对我有用。因此我想我应该分享我的文件。

【问题讨论】：

浏览器控制台报错了吗？
您希望我导航到不同的站点，下载、解压缩并设置您的网站，然后尝试找出您希望我提供建议的一些未指定的样式问题。说真的，生命太短暂了。
你用IE打开吗？您的网站是否在 Intranet 中运行？你能检查它是否以兼容模式打开吗？您的应用中有 css-reset 吗？

标签： html asp.net css iis

【解决方案1】：

您的图像文件没有文件扩展名，如果没有，IIS 将无法提供它们。

顺便说一句，您的代码使用 TABLE 和 IMG 元素来实现现在由现代（而不是那么现代的浏览器）非常简单地处理的东西。

我在这里重新创建（不完全但接近）

http://jsfiddle.net/adrianjmartin/MBzRB/

使用几个 div 和少量 CSS

<div>
  <h1>Header</h1>
  <div>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/></div>
</div>

<style>

div{
 font-family:tahoma;
 border-radius:8px;
 border: #AECAF0 solid 1px;
 width:300px
}

div h1{
  margin:0;
  font-size:12px;
  background-color:#E0EDFF ;
  padding:8px;
  font-weight:normal;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom: solid 1px #AECAF0;
}

div div{
  border:initial
}
</style>

【讨论】：

+1 花时间挖掘他的来源。（虽然是圆角，但您可能想告诉他 CSS border-radius 功能，而不仅仅是告诉他不该做什么）
@Spudley 你的权利。等一下。