Question

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

Answer 1

您的图片文件没有文件扩展名，IIS不会在没有文件扩展名的情况下为其提供服务。

BTW您的代码使用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>

通过IIS提供时，CSS呈现方式不同

1 个答案: