0

it's supposed to be obvious, but in all major browsers, the div content is not hidden:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>

<style>
    #confContent{
    border:solid 1px #FF0000;
    width:700px;
        height:600px;
    background-color:#00CC00;
    left:50%;
    display:none;
    position:absolute;
                                                }

</style>

</head>

<body>

        <div id="confContent">
        <p style="color:#0000FF">Some content goes here</p>
        </div>


</body>
</html>

Actually, all the prperties doesn't seems to work, the div is not shifted to 30% left, doesn't have a background color, is not hidden and doesn't have a border. Please help. Thanx in advance.

4

4 に答える 4

4

CSS はスタイル タグ内にある必要があります (外部スタイルシート内にない場合)。

<style>
#confContent{

    border:solid 1px #FF0000;
    width:700px;
    height:600px;
    background-color:#00CC00;
    left:30%;
    display:none;
}   
</style>

そしてhead、あなたのページの

新しいコードを見ると、ドキュメントの先頭に HTML タグがありません ( の後にある必要があります<!DOCTYPE html>) 。

ただし、これも問題ではないと思います。提供された div のプロパティを上書きしている、表示されていない CSS が他にもあると思います。

于 2012-10-08T14:57:40.043 に答える
2

コードを次のように置き換えます。

<!--Confirmation div-->
<div id="confContent">
   <p style="color:#0000FF">Some content</p>
</div>

<style type="text/css">
#confContent{
    border:solid 1px #FF0000;
    width:700px;
    height:600px;
    background-color:#00CC00;
    left:30%;
    display:none;
}     
</style>

HEAD タグに関する Danny Hearnah の提案を使用する

于 2012-10-08T15:00:59.480 に答える
1

pxあなたはwidth財産を逃しました。それ以外は機能しています。このデモをチェック

それでも問題が解決しない場合は、CSS ファイル パスを確認する必要があります。

于 2012-10-08T15:01:37.843 に答える
0

私の問題は解決しました。これに苦労している人は<!-- -->、css ブロック内のコメントに使用しないでください。

<style>

<!-- DO NOT use this format for comments -->

/* Only this format is valid */

</style>

これにより、FireFox が CSS コードを読み取れず、次のようなエラーがスローされていました。

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol.

と

Unexpected end of file while searching for closing } of invalid rule set.
于 2012-10-08T19:45:42.293 に答える