WEB开发网
开发学院WEB开发ASP.NET 关于.net中页面CSS样式丢失的解决方案 阅读

关于.net中页面CSS样式丢失的解决方案

 2008-12-12 17:24:46 来源:WEB开发网   
核心提示:最近在做一使用.net开发小站点的时候,发现放入.net代码之后页面特定区域定义好的CSS样式莫名其妙的没了,关于.net中页面CSS样式丢失的解决方案,找了很多方法,结果发现居然是CSS里的注释惹的祸,方案总结如果在.net加代码的时候发现定义CSS样式效果丢失,在确定没有其它问题的情况下试着删除一些丢失样式附近的C

最近在做一使用.net开发小站点的时候,发现放入.net代码之后页面特定区域定义好的CSS样式莫名其妙的没了,找了很多方法,结果发现居然是CSS里的注释惹的祸。
原CSS代码如下view plaincopy to clipboardPRint?
/*右侧区域*/ 
.RightPart{width:230px;margin-top:10px;} 
.RightPart{text-align:left;} 
.RightPart .Title{background:url(../images/RightPartTitle.gif) no-repeat left top;padding-left:32px;height:47px;} 
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) no-repeat left top;padding-left:32px;height:47px;} 
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) no-repeat left top;padding-left:32px;height:47px;} 
.RightPart h3{font-size:14px;color:#FFF;} 
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) repeat-y left top;} 
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) repeat-y right top;} 
.RightPart .Content{width:205px;padding:0 5px;} 
.RightPart ul{list-style:none;} 
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) no-repeat left 3px;padding:3px 0 3px 15px;} 
/*地图分类*/ 
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) no-repeat left 5px;margin:4px 0 4px 10px;} 
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !Important;margin:-13px 0 0 3px;width:auto;height:4px;} 

/*右侧区域*/
.RightPart{width:230px;margin-top:10px;}
.RightPart{text-align:left;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) no-repeat left top;padding-left:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) no-repeat left top;padding-left:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) no-repeat left top;padding-left:32px;height:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) repeat-y left top;}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) repeat-y right top;}
.RightPart .Content{width:205px;padding:0 5px;}
.RightPart ul{list-style:none;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) no-repeat left 3px;padding:3px 0 3px 15px;}
/*地图分类*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) no-repeat left 5px;margin:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !Important;margin:-13px 0 0 3px;width:auto;height:4px;}  丢失的就是“/*地图分类*/”下面两行的CSS效果。
  把“/*地图分类*/”的注释去除了,结果F5一下居然发现页面正常了  看来之前遇到的问题也是一样啊。

方案总结
  如果在.net加代码的时候发现定义CSS样式效果丢失,在确定没有其它问题的情况下试着删除一些丢失样式附近的CSS注释,就可以解决问题。

Tags:关于 net 页面

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接