zoukankan      html  css  js  c++  java
  • ASP.NET 2.0中CSS失效

    困扰了好几天的问题,在网上也看到不少的解决方案,原来一直以为是路径的问题,结果最后才发现是编码的问题。
    美工在Macromedia Dreamweaver 8里弄的页面我拷贝到Vs2005中背景啊,字体啊什么的在设计界面都显示,但是一浏览就不显示。
    网上搜集的一些方法一一试过,最终通过另存成html再用Dreamweaver 打开,然后再通过新建一个文件比较发现最终是编码的问题造成的。解决方法有2:
    一是在<head>节中加入
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    另一种是在web.config中配置
    <globalization requestEncoding="GB2312" responseEncoding="GB2312" />

    下面转载网上的一篇文章说的一些方法:

        1、CSS文件路径不正确

      这个问题属于Web开发中的基础问题,一般采用相对路径会出现这样的问题,或者样式文件写在了模板页里面,在内容页与模板页不在同一级目录下时会出现这样的问题。此时你要清楚Web中相对路径的规则,如果你不清楚,可以采用绝对路径的写法试试就知道是不是路径的问题了。

      2、CSS规则写法错误

      这个问题谁也帮不你,只能自己学习CSS的相关知识了。

      3、文件编码问题

      有时候,CSS样式放在aspx文件里有效,而放在独立的文件中无效,这样的问题如果不是路径问题,则就是编码问题造成的,可以将CSS文件用记事本打开,再另存为ANSI格式或者UTF-8格式即可。

      4、权限问题

      这种情况常见的现象是登录之前样式无效,登录之后才有效,这是典型的权限问题造成的。由于web.config配置了所有文件不允许匿名访问,才会出现这样的问题,解决方法就是是标记将样式文件配置为允许匿名访问。例如:

      以下是引用片段:

      <configuration>

      <location path="允许匿名访问的文件夹名称">

      <system.web>

      <authorization>

      <allow users="?"/>

      </authorization>

      </system.web>

      </location>

      </configuration>

      5、单击按钮样式失效

      这种情况最典型的原因是单击按钮事件里有类似Response.Write这样的语句,由于ASP.NET 2.0默认采用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文档类型定义,它就要求在的前面不能有任何输出。这种问题的解决方法是采用ClientScriptManager输出,或者采用Literal控件输出内容。

      6、在ASP.NET 1.x里面起作用的样式到ASP.NET 2.0里面失效

      这种问题一般仍然是xhtml1造成的,由于http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd的样式规则与以前的不同,如要加单位,例如200; 现在要写成200px; 这种问题的解决方法就是要明确加上单位。

      7、脚本设置的样式无效

      由于xhtml1.DTD要求有单位,因此在设置对象样式的数值时,仍然要加上单位,如obj.style.width = "200px"。下面的代码在Firefox里是无效的(不要抱怨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"



     

  • 相关阅读:
    Unix命令大全
    vs2008 与 IE8出现的兼容性问题
    Java 创建文件、文件夹以及临时文件
    如何修改Wamp中mysql默认空密码
    PAT 乙级真题 1003.数素数
    Tags support in htmlText flash as3
    DelphiXE4 FireMonkey 试玩记录,开发IOS应用 还是移植
    10 Great iphone App Review sites to Promote your Apps!
    HTML tags in textfield
    Delphi XE4 IOS 开发, "No eligible applications were found“
  • 原文地址:https://www.cnblogs.com/figo/p/1196935.html
Copyright © 2011-2022 走看看