CSS在ASP.NET中失效的原因及解决

⊕ 网站首页 ⊕注册会员 ⊕ 本站免费电影 ⊕ 留言板 ⊕ 繁體中文

您现在的位置：陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文

专题栏目

最新热门

最新推荐

相关文章

Adobe Flash CS4 试用版
 Photoshop CS3新特性概览
 腾讯TT4.5版发布 RSS可订
 Win Live Messenger 安全
 Adobe Illustrator CS3蓄
 闪客一族看过来 FlashCS
Live Messenger8.2支持多
 雅虎发布Messenger 9.0正
 最大规模 Adobe CS4套装
 Adobe Photoshop CS4最新

CSS在ASP.NET中失效的原因及解决

CSS在ASP.NET中失效的原因及解决

作者：陈鹏文章来源：eNet 点击数：更新时间：2009-9-12 8:45:40

　　ASP.NET 2.0(ASP.NET 1.x中可能是有效的)中CSS失效的问题的起因及解决办法：
　　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>nbsp; </location><BR></configuration>
　5、单击按钮样式失效
　　这种情况最典型的原因是单击按钮事件里有类似Response.Write这样的语句，由于ASP.NET 2.0默认采用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文档类型定义，它就要求在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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的样式规则与以前的不同，如要加单位，例如width:200;现在要写成width: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"

文章录入：陈鹏责任编辑：陈鹏

上一篇文章： Qmail系统安装、简单配置及使用

下一篇文章：简单的CSS改进网站设计三个技巧

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】