يختفي لون الخلفية CSS مع DocType
https://stackoverflow.com/questions/599777
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أحاول ضبط ألوان الخلفية على بعض العناصر المختلفة في صفحة HTML، ولكن كلما قمت بتطبيق إعلان DocTyPE، يتم تجاهل الألوان. أنماط أخرى تبدو غير متأثرة. أنا متأكد من أنني كنت أحمق.
يحدث ذلك على IE7 و FF3 وكروم. مع HTML الصارم والانتقالي 4 doctype. تتأثر خلفيات الجسم والحميل. مثال على الحد الأدنى أدناه. إذا قمت بحذف DocType Delcaration، فقد تم تقديمه في مجدوك في Garish، مع 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 بشكل صحيح على الخادم الخاص بك. على حساب استضافة الرخو الخاص بي لا أستطيع فعل هذا النوع من الأشياء بسهولة.
المحلول
لقد نسيت # في قيم اللون.
body {
background-color: #FF00FF;
}
.class1 {
background-color: #00FFFF;
}
نصائح أخرى
السبب في تجاهل الألوان لأن الإعلان غير صحيح. في وضع Quirks، يكون التفسير أكثر استرخاء، ويتم قبول الألوان EventHough أنها غير صحيحة، ولكن في الوضع المتوافق مع المعايير يجب أن يكون الإعلان صحيحا.
قم بتغيير FF00FF إلى # FF00FF، و 00FFFF إلى # 00FFFF.
# FF00FF يمكن أن تكون مكتوبة أيضا في النموذج القصير # F0F، و # 00ffff كما # 0FF.
في CSS، يمكنك تحديد الألوان في RGB أو HEX. هذا هو ما فعلته. لكن عرافة الألوان مكتوبة مثل #rrggbb. وبعد لقد فاتتك #وبعد يبدو أنه عندما يتعلق الأمر بالتحقق من الصحة لأنه يتم تعيين DocTyPe، ثم لا يتم تفسير تعريفات الألوان "الصحيحة تقريبا" بشكل صحيح.
إزالة السطر التالي
DocType HTML Public "- // w3c // dtd html 4.01 الانتقال / en" "http://www.w3.org.
ثم سيكون على ما يرام، لكنني لا أعرف لماذا.
يجب عليك استخدام Allsoou003Cstyle type="text/css"> OR even better, don't use inline styling!
Allways التحقق من صحة رمز HTML الخاص بك هنا.
