1

非常に奇妙な問題に遭遇しました。

divの代わりに s を使用してログイン ページを再構築していたので、それぞれに をtable追加してから呼び出すようにしました。iddivcss

例として、HTMLコードを次に示します。

<div id="divLogin">
    <div id="divLblLogin"><asp:Label ID="lblLogin" runat="server">LOGIN</asp:Label>        
    </div>
</div>

およびいくつかのCSS コード:

#divLogin
{
    margin-top:10px;
    margin-bottom: 0px;
    margin-left: 28%;
    margin-right: 28%;
    height: 300px;
    border: 2px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: Good Times;
    font-size: xx-large;
}

#divLblLogin
{
    margin-top: 10px;
    margin-left: 25px;
}

問題は、ビジュアル スタジオ (ローカル ホスト) から Web サイトを実行すると、正常に表示され、定義した内容に従って (グラフィカルに) 表示されることです。

しかし、Web サイトを公開して Web 上で実行すると、すべてのスタイリングなしでコントロールのみが表示されます (あたかも CSS コードがまったくないかのように)。

divだから私はそれ自体の中にすべてのcssを次のように書くことにしました:

<div 
        style="margin-top:10px; margin-bottom: 0px; margin-left: 28%; margin-right: 28%; height: 300px; border: 2px solid black;
        border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
        font-family: Good Times; font-size: xx-large;" 
>
    <div style="margin-top: 10px; margin-left: 25px;"><asp:Label ID="lblLogin" runat="server">LOGIN</asp:Label>
    </div>
</div>

それで解決しましたが、この解決策はほとんど読めないので好きではありません。

これは戦争であり、それが何であれ、私はこのことに勝たなければなりません。つまり、div 自体の内部でスタイルを定義せずに Web 上で css を機能させるにはどうすればよいでしょうか?

助けていただければ幸いです。

編集：

これは、ソリューション エクスプローラーに css 参照とファイルとフォルダーの階層がある私の MasterPage です。

MasterPage のフォルダー階層と css リファレンス:

4

1 に答える 1

5

スタイル シート.divLoginでは、ID セレクターの代わりにクラス セレクターを使用します#divLogin。

リファレンスについては、 CSS セレクターを参照してください。

于 2013-01-10T12:13:19.740 に答える