| 導購 | 订阅 | 在线投稿
分享
 
 
 

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

2008-12-13 08:24:15  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  最近在做一使用.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注释,就可以解决问题。
 
 
 
最近在做一使用.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注释,就可以解决问题。
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 
 熱帖排行
 
 
王朝网络微信公众号
微信扫码关注本站公众号 wangchaonetcn
 
  免责声明:本文仅代表作者个人观点,与王朝网络无关。王朝网络登载此文出于传递更多信息之目的,并不意味著赞同其观点或证实其描述,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有