مؤخرًا، عندما كنت أقوم بتطوير موقع صغير باستخدام .net، وجدت أن أنماط CSS المحددة في منطقة معينة من الصفحة اختفت لسبب غير مفهوم بعد إضافة كود .net، وقد جربت العديد من الطرق، لكنني وجدت أنها التعليقات في CSS التي كانت مسؤولة.
رمز CSS الأصلي هو كما يلي هل تريد عرض نسخة عادية على الحافظة؟
/*المنطقة اليمنى*/
.RightPart{العرض:230px;الهامش العلوي:10px;}
.RightPart{text-align:left;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) كرر أعلى اليسار؛}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) كرر أعلى اليمين؛}
.RightPart .Content{width:205px;padding:0 5px;}
.RightPart ul{list-style:none;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) عدم تكرار اليسار 3px;الحشو:3px 0 3px 15px;}
/*تصنيف الخريطة*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) بدون تكرار يسار 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{العرض:230px;الهامش العلوي:10px;}
.RightPart{text-align:left;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) عدم تكرار الجزء العلوي الأيسر;padding-left:32px;height:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) كرر أعلى اليسار؛}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) كرر أعلى اليمين؛}
.RightPart .Content{width:205px;padding:0 5px;}
.RightPart ul{list-style:none;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) عدم تكرار اليسار 3px;الحشو:3px 0 3px 15px;}
/*تصنيف الخريطة*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) بدون تكرار يسار 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;} ما هو مفقود هو "/*map التصنيف */"تأثيرات CSS للسطرين التاليين.
لقد قمت بإزالة التعليق "/*تصنيف الخريطة*/"، وعندما ضغطت على F5 وجدت أن الصفحة عادية، ويبدو أن المشكلة التي واجهتني من قبل هي نفسها.
ملخص الحل: إذا وجدت أن تأثير نمط CSS المحدد مفقود عند إضافة تعليمات برمجية في .net، فحاول حذف بعض تعليقات CSS القريبة من النمط المفقود إذا لم تكن هناك مشاكل أخرى، ويمكن حل المشكلة.