asp.net 2.0におけるcss失効の解決方法


1,CSSファイルのパスが正しくないという問題はWeb開発の基礎問題です。一般的には相対パスを採用するとこのような問題が発生します。またはスタイルファイルはマスターページに書いてあります。コンテンツページとマスターページが同じレベルのディレクトリの下にないと、このような問題が発生します。この時、ウェブ上の相対経路のルールを明確にしてください。もしはっきりしないなら、絶対パスの書き方を使ってみてもいいです。経路の問題が分かります。
2,CSSルールの書き方が間違っているという問題は誰も助けてくれません。自分でCSSに関する知識を学ぶしかないです。
3,ファイルコードの問題は時々、CSSファイルをaspxファイルに入れて有効で、独立したファイルに入れると無効になります。このような問題はパスの問題ではないなら、符号化の問題が発生します。CSSファイルをメモ帳で開けて、ANSIフォーマットまたはUTF-8フォーマットに保存すればいいです。
4,権限問題というのは登録前のパターンが無効で、ログイン後に有効になるという現象がよくあります。これは典型的な権限問題です。web.com figは、すべてのファイルが匿名でのアクセスを許可しないように構成されているため、解決策は、「location」タグを匿名でのアクセスを許可するように構成することである。たとえば:

<configuration>
   <location path=" ">
      <system.web>
         <authorization>
            <allow users="?"/>
         </authorization>
      </system.web>
   </location>
</configuration>
5、ボタンをクリックしてスタイルが無効になるという場合の最も典型的な理由は、ボタンをクリックしたイベントにResonse.Writeのような文があります。ASP.NET 2.0はデフォルトで採用されています。http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdドキュメントの種類を定義します。DOCTYPE.PUBLIC"-//W 3 C//DT XHTML 1.0 Transitional/EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdの前には出力がありません。このような問題の解決方法は、Client Script Managerを使って出力するか、あるいはLiteralコントロールを使って内容を出力することです。
6,ASP.NET 1.xの中で機能するスタイルはASP.NET 2.0の中で無効になるという問題は普通はxhtml 1によるものです。http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdのスタイル規則は以前と違って、たとえば、単位を追加するなら、width:200;今はwidth:200 pxと書きます。このような問題の解決方法は単位を明確にすることです。
7,スクリプト設定のスタイルは無効です。xhtml 1.DMDには単位が必要ですので、オブジェクトスタイルの数値を設定する際には、Obj.style.width=200 pxなどの単位を追加します。下のコードはFirefoxで無効です。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript">
  //<![CDATA[
  function SetHeight()
  {
    document.getElementById("x").style.height="200"
  }
  //]]>
  </script>
</head>
<body>
<div id="x" style="background:#DDD;height:auto;"> </div>
<input type="button" value=" " onclick="SetHeight()" />
</body>
</html>
上記はIEで正常ですが、Firefoxでは問題が発生します。正しい書き方は

document.getElementById("x").style.height="200px"
です。