關于.net中頁面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注釋,就可以解決問題。

ASP.NET頁面中標題單點解決方案
  最近在使用.net2.0中ms提供的頁面導航組件sitemappath時,想到了一種解決頁面標題不同步的一種簡單而又方便的機制。   目前存在的問題:  一、整個網站中aspx頁面標題通常沒有統一的存放位置,針對每個頁面要...查看完整版>>ASP.NET頁面中標題單點解決方案
 
Dreamweaver8使用CSS樣式美化頁面
     這篇教程爲“Dreamweaver 8 入門經典教程”的一部分。查看全套教程>>>>>。  在“CSS規則對話框”中,我們可以通過類型、背景、區塊、方框、邊框、列表、定位和擴展項...查看完整版>>Dreamweaver8使用CSS樣式美化頁面
 
CSS初級入門:頁面樣式的整體聲明
  整體聲明的方法  1. 基本上,整體聲明有兩種方法,第一種就是針對一個標簽,然後一次設定好幾個樣式。第二種就是同時對好幾個標簽設定相同的樣式。下面這個例子就是:“針對一個標簽,然後一次設定好幾個樣式”...查看完整版>>CSS初級入門:頁面樣式的整體聲明
 
如何在jsp頁面中引入css樣式表文件和javascript文件
一:如何在jsp頁面中引入css樣式表文件? 1, 首先把寫好的css樣式表內容存爲*.css格式。如style.css2, 在頁面中引入這個css 樣式文件。用如下的方式引入。<link rel="stylesheet" href="./css/style.css" type...查看完整版>>如何在jsp頁面中引入css樣式表文件和javascript文件
 
基于css樣式綁定的樣式驅動式AJAX程序開發(.net實現)
序言: 前面我介紹了我做的.net版的ajax庫(.NET下的簡單AJAX處理庫 ),現在要介紹的是一種開發模式:樣式綁定式驅動開發。 樣式驅動是我自己命名的,(我也不知道它叫什麽,嘿嘿)以便區別目前的請求驅動式...查看完整版>>基于css樣式綁定的樣式驅動式AJAX程序開發(.net實現)
 
ASP.NET 2.0中CSS失效解決方案
經常有人遇到ASP.NET 2.0(ASP.NET 1.x中可能是有效的)中CSS失效的問題,現將主要原因和解決方法羅列如下:  1、CSS文件路徑不正確  這個問題屬于Web開發中的基礎問題,一般采用相對路徑會出現這樣的問題,或者樣...查看完整版>>ASP.NET 2.0中CSS失效解決方案
 
ASP.NET WEB頁面多語言支持解決方案
首先建立語言檔,在項目中加入.resx文件 例如: message.zh-cn.resx '簡體中文 message.zh-tw.resx '繁體中文 message.en '英文 .............. ============================================ ...查看完整版>>ASP.NET WEB頁面多語言支持解決方案
 
ASP.NET WEB頁面多語言支持解決方案
首先建立語言檔,在項目中加入.resx文件例如:message.zh-cn.resx '簡體中文message.zh-tw.resx '繁體中文message.en '英文..............===============================================================...查看完整版>>ASP.NET WEB頁面多語言支持解決方案
 
CSS入門:關于css樣式表
這些教程是我整理的,參考小雨css 2.0手冊,hve && Star Ocean得css手冊,還有網上的一些資源,關于CSS樣式表一.在學習css之前你應該掌握哪些基礎知識1.什麽是網頁,什麽是超文本語言(html)。2.會使用Drea...查看完整版>>CSS入門:關于css樣式表
 
 
回到王朝網路首頁