Недавно, когда я разрабатывал небольшой сайт с использованием .net, я обнаружил, что стили CSS, определенные в определенной области страницы, необъяснимым образом исчезли после добавления кода .net. Я попробовал много методов, но обнаружил, что это были комментарии. в УСБ были виноваты.
Исходный код CSS выглядит следующим образом: просмотреть обычную копию в буфер обмена?
/*правая область*/
.RightPart{ширина:230 пикселей;margin-top: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{размер шрифта:14 пикселей;цвет:#FFF;}
.RightPart .LeftBorder{ширина:8 пикселей;фон:url(../images/make_default_2_1.jpg) повтор-y слева вверху;}
.RightPart .RightBorder{ширина:9 пикселей;фон:url(../images/make_default_2_2.jpg) повтор справа вверху;}
.RightPart .Content{ширина:205px;padding:0 5px;}
.RightPart ul{стиль списка: нет;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) без повтора слева 3 пикселя; отступ: 3 пикселя 0 3 пикселя 15 пикселей;}
/*Классификация карт*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) без повтора слева 5px;поля:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !Важно;margin:-13px 0 0 3px;width:auto;height:4px;}
/*правая область*/
.RightPart{ширина:230 пикселей;margin-top: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{размер шрифта:14 пикселей;цвет:#FFF;}
.RightPart .LeftBorder{ширина:8 пикселей;фон:url(../images/make_default_2_1.jpg) повтор-y слева вверху;}
.RightPart .RightBorder{ширина:9 пикселей;фон:url(../images/make_default_2_2.jpg) повтор справа вверху;}
.RightPart .Content{ширина:205px;padding:0 5px;}
.RightPart ul{стиль списка: нет;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) без повтора слева 3 пикселя; отступ: 3 пикселя 0 3 пикселя 15 пикселей;}
/*Классификация карт*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) без повтора слева 5px;поля: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 рядом с отсутствующим стилем, если нет других проблем и проблема может быть решена.