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

關于.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- 王朝網路 版權所有