Recentemente, quando estava desenvolvendo um pequeno site usando .net, descobri que os estilos CSS definidos em uma área específica da página desapareciam inexplicavelmente após adicionar o código .net. Tentei vários métodos, mas descobri que eram os comentários. no CSS que eram os culpados.
O código CSS original é o seguinte: visualizar cópia simples para impressão da área de transferência?
/*área direita*/
.RightPart{largura:230px;margem superior:10px;}
.RightPart{text-align:esquerda;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart h3{tamanho da fonte:14px;cor:#FFF;}
.RightPart .LeftBorder{largura:8px;background:url(../images/make_default_2_1.jpg) repetir-y canto superior esquerdo;}
.RightPart .RightBorder{largura:9px;background:url(../images/make_default_2_2.jpg) repetir-y canto superior direito;}
.RightPart .Content{largura:205px;preenchimento:0 5px;}
.RightPart ul{estilo de lista: nenhum;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) sem repetição à esquerda 3px;preenchimento:3px 0 3px 15px;}
/*Classificação do mapa*/
.RightPart .Category li{tamanho da fonte:16px;peso da fonte:bold;background:url(../images/page_story_icon_ball.jpg) sem repetição à esquerda 5px;margem:4px 0 4px 10px;}
.RightPart .Category .Line{fundo:parte superior esquerda;preenchimento:0;margem:0 0 0 3px !Importante;margem:-13px 0 0 3px;largura:auto;altura:4px;}
/*área direita*/
.RightPart{largura:230px;margem superior:10px;}
.RightPart{text-align:esquerda;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) sem repetição no topo esquerdo;padding-left:32px;height:47px;}
.RightPart h3{tamanho da fonte:14px;cor:#FFF;}
.RightPart .LeftBorder{largura:8px;background:url(../images/make_default_2_1.jpg) repetir-y canto superior esquerdo;}
.RightPart .RightBorder{largura:9px;background:url(../images/make_default_2_2.jpg) repetir-y canto superior direito;}
.RightPart .Content{largura:205px;preenchimento:0 5px;}
.RightPart ul{estilo de lista: nenhum;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) sem repetição à esquerda 3px;preenchimento:3px 0 3px 15px;}
/*Classificação do mapa*/
.RightPart .Category li{tamanho da fonte:16px;peso da fonte:bold;background:url(../images/page_story_icon_ball.jpg) sem repetição à esquerda 5px;margem: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;} O que está faltando é "/*map classificação */"Efeitos CSS para as duas linhas a seguir.
Removi o comentário "/*Classificação do mapa*/" e quando pressionei F5, descobri que a página estava normal. Parece que o problema que encontrei antes era o mesmo.
Resumo da solução: Se você descobrir que o efeito do estilo CSS definido foi perdido ao adicionar código em .net, tente excluir alguns comentários CSS próximos ao estilo ausente se não houver outros problemas, e o problema poderá ser resolvido.