Цвет фона CSS исчезает с типом документа - PullRequest
1 голос
/ 01 марта 2009

Я пытаюсь установить цвета фона для нескольких различных элементов на html-странице, но всякий раз, когда я применяю объявление типа документа, цвета игнорируются. Другие стили кажутся незатронутыми. Я уверен, что я идиот.

Это происходит в IE7, FF3 и Chrome. С строгим и переходным HTML 4 Doctype. Тело и Div фоны затронуты. Минимальный пример ниже. Если вы удалите дельтакацию Doctype, она будет отображена во всей своей яркой красоте, с doctype - только утомительным черно-белым.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <style>
        body{background-color:FF00FF;}
        .class1{background-color:00FFFF;}
    </style>
</head>
<body>
    <div class="class1">Some Text</div>
</body>
</html>

Кстати, я не использую XHTML, потому что, думаю, однажды подслушал разговор в пабе между гораздо более умными людьми, чем я, который сказал, что сказал, что вы не должны объявлять XML, если на вашем сервере не установлены правильно типы mime. На моей учетной записи хостинга cheapo я не могу делать такие вещи легко.

Ответы [ 5 ]

8 голосов
/ 01 марта 2009

Вы забыли # в значениях цвета.

body {
    background-color: #FF00FF;
}
.class1 {
    background-color: #00FFFF;
}
6 голосов
/ 01 марта 2009

Причина, по которой цвета игнорируются, заключается в том, что объявление неверно. В режиме причуд интерпретация более смягчена, и цвета принимаются, даже если они неверны, но в режиме соответствия стандартам декларация должна быть правильной.

Измените FF00FF на # FF00FF, а с 00FFFF на # 00FFFF.

# FF00FF также можно записать в краткой форме # F0F и # 00FFFF как # 0FF.

1 голос
/ 11 июня 2009

уберите следующую строку

DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org

тогда все будет хорошо, но я не знаю почему.

1 голос
/ 01 марта 2009

В CSS вы можете определять цвета в RGB или Hex. Это то, что ты сделал. Но шестнадцатеричные цвета написаны как #rrggbb. Вы пропустили # . Похоже, когда дело доходит до проверки, потому что задан тип документа, тогда такие «почти правильные» определения цвета не интерпретируются правильно.

0 голосов
/ 01 марта 2009

Вы все должны использовать

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...