최근 .net을 이용하여 작은 사이트를 개발하던 중, .net 코드를 추가한 후 페이지의 특정 영역에 정의된 CSS 스타일이 알 수 없이 사라지는 것을 발견했습니다. 여러 가지 방법을 시도했지만 댓글 때문이었습니다. 비난받을 CSS에서.
원본 CSS 코드는 다음과 같습니다. view plaincopy toclipboardprint?
/*오른쪽 영역*/
.RightPart{너비:230px;margin-top:10px;}
.RightPart{텍스트 정렬:왼쪽;}
.RightPart .Title{배경:url(../images/RightPartTitle.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart .TitleR{배경:url(../images/RightPartTitleRed.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart .TitleG{배경:url(../images/RightPartTitleG.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{너비:8px;배경:url(../images/make_default_2_1.jpg) 반복-y 왼쪽 상단;}
.RightPart .RightBorder{너비:9px;배경:url(../images/make_default_2_2.jpg) 반복-y 오른쪽 상단;}
.RightPart .Content{너비:205px;패딩:0 5px;}
.RightPart ul{list-style:none;}
.RightPart li{display:block; background:url(../images/page_story_icon_ball.jpg) 반복 없음 왼쪽 3px;padding: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{배경:왼쪽 상단;패딩:0;여백:0 0 0 3px !Important;margin:-13px 0 0 3px;width:auto;height:4px;}
/*오른쪽 영역*/
.RightPart{너비:230px;margin-top:10px;}
.RightPart{텍스트 정렬:왼쪽;}
.RightPart .Title{배경:url(../images/RightPartTitle.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart .TitleR{배경:url(../images/RightPartTitleRed.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart .TitleG{배경:url(../images/RightPartTitleG.gif) 반복 없음 왼쪽 상단;padding-left:32px;height:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{너비:8px;배경:url(../images/make_default_2_1.jpg) 반복-y 왼쪽 상단;}
.RightPart .RightBorder{너비:9px;배경:url(../images/make_default_2_2.jpg) 반복-y 오른쪽 상단;}
.RightPart .Content{너비:205px;패딩:0 5px;}
.RightPart ul{list-style:none;}
.RightPart li{display:block; background:url(../images/page_story_icon_ball.jpg) 반복 없음 왼쪽 3px;padding: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{배경:왼쪽 상단;패딩:0;margin:0 0 0 3px !Important;margin:-13px 0 0 3px;width:auto;height:4px;} 누락된 것은 "/*map입니다. 분류 */"다음 두 줄에 대한 CSS 효과입니다.
"/*Map Classification*/"이라는 댓글을 삭제하고 F5를 눌렀더니 페이지가 정상적으로 나오더군요. 예전에 겪었던 문제도 마찬가지였던 것 같습니다.
해결 방법 요약: .net에 코드를 추가할 때 정의된 CSS 스타일 효과가 손실되는 경우, 다른 문제가 없다면 누락된 스타일 근처의 일부 CSS 주석을 삭제해 보세요. 그러면 문제가 해결될 수 있습니다.