में एचटीएमएल बॉडी के लिए पृष्ठभूमि-रंग विशेषता को इनलाइन <style> कमांड में सेट करने में सक्षम है, लेकिन जब समान कमांड को बाहरी स्टाइलशीट में स्थानांतरित नहीं किया जाता है। एक विशिष्ट उदाहरण नीचे दिया गया है।"बॉडी {पृष्ठभूमि-रंग}" एचटीएमएल में काम करता है लेकिन सीएसएस
test1.html में, पृष्ठभूमि-रंग एचटीएमएल में "नीला:" पर सेट है। फ़ाइल test2.html <style> कमांड को छोड़कर test1.html के समान है। फ़ाइल style.css में पृष्ठभूमि- रंग और भी <H1> तत्व के लिए (परीक्षण करने के लिए है कि ब्राउज़र वास्तव में स्टाइलशीट पढ़ने है)।
पहला परीक्षण एक नीले रंग की पृष्ठभूमि के खिलाफ नारंगी पाठ पैदा करता है। दूसरे टेस्ट नारंगी पाठ पैदा करता है, लेकिन एक सफेद पृष्ठभूमि के खिलाफ। मैं हमने फ़ायरफ़ॉक्स 21, क्रोम 1 9, और आईई 9 पर यह कोशिश की है; सभी एक ही परिणाम देते हैं।
क्या चल रहा है? किसी भी सहायता की सराहना की जाएगी।
यहाँ तीन नमूना फ़ाइलें हैं:
test1.html:
<HTML>
<head> <link type="text/css" rel="stylesheet" href="style.css">
<style type="text/css">
body {background-color: blue}
</style>
</head>
<body> <h1>This is a test.</h1> </body> </html>
test2.html:
<HTML>
<head> <link type="text/css" rel="stylesheet" href="style.css">
<!-- <style type="text/css">
body {background-color: blue}
</style> -->
</head>
<body> <h1>This is a test.</h1> </body> </html>
style.css:
<style type="text/css">
body {background-color: green;}
h1 {color: orange; }
</style>
धन्यवाद !
क्यों आप अपने 'style.css' फ़ाइल में HTML टैग है? हो सकता है कि उनको बाहर निकालना इस मुद्दे को ठीक करेगा? – David
एचटीएमएल या सीएसएस समस्या को हल करने में आपका पहला कदम दोनों दस्तावेजों को प्रमाणित करना चाहिए। – cimmanon
क्या सीएसएस फ़ाइल एक ही निर्देशिका/स्थान में आपकी एचटीएमएल फाइल के रूप में स्थित है? टैग्स को सीएसएस स्टाइलशीट से भी हटाएं। – emgee