html - IIS 経由で提供される場合、CSS のレンダリングが異なる

Question

http://tinyurl.com/qjrrsruのファイルは、1 つのプレーン HTML ページ、2 つの CSS ファイル、および 3 つの画像ファイルを含む圧縮フォルダーです。これらにより、角が丸いパネルが生成されます。私の問題は、このパネルがブラウザーで直接開いた場合、または ASP.Net Web サーバーを使用した場合にのみ機能することです。IIS にアップロードすると、ブラウザーでの表示が異なります。IIS を介して提供されたときにまったく同じように表示されるようにするにはどうすればよいですか。多くの人が以前にこの質問をしたことは知っていますが、解決策がありませんでした。したがって、ファイルを共有する必要があると考えました。

Answer 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>