एचटीएमएल में सीएसएस कोड और main.css

कोई विचार क्यों यह सीएसएस कोड काम नहीं करता है जब मैं इसे main.css फ़ाइल में डालता हूं? मैं पूर्णस्क्रीन पृष्ठभूमि बनाने की कोशिश कर रहा हूं।एचटीएमएल में सीएसएस कोड और main.css

<html> 
 
<head> 
 
\t <link rel="stylesheet" type="text/css" href="CSS/main.css"> 
 
\t <style> 
 
\t \t .bg { 
 
\t \t  background-image: url("nuotraukos/bg.png"); 
 
\t \t  min-height:100%; 
 
\t \t  min-width: 100%; 
 
\t \t  background-attachment: fixed; 
 
\t \t  background-position: center; 
 
\t \t  background-repeat: no-repeat; 
 
\t \t  background-size: cover; 
 
\t \t } 
 
\t </style> 
 
</head> 
 
<body> 
 

 
<div class="bg"></div> 
 

 
</body> 
 
</html>

स्रोत

2015-12-27 Tadas

स्थानीय फाइलों से जोड़ने वाला कोड प्रदान करना स्निपेट के रूप में यहां काम नहीं करेगा। – Phiter

मुझे पता है कि कोड स्निपेट के रूप में काम नहीं करेगा। मुख्य प्रश्न यह है कि यह सीएसएस कोड केवल HTML शैली टैग के बीच काम करता है, लेकिन यह main.css फ़ाइल में भी काम नहीं करता है, भले ही इससे लिंक हो। – Tadas

क्या आप 'nuotraukos/bg.png' 'तक पहुंचने का प्रयास करते समय 404 प्राप्त कर रहे हैं? मेरा अनुमान है कि पथ गलत है क्योंकि यह इसे सीएसएस/निर्देशिका से पढ़ रहा है। –

कुछ भी नहीं है अपने <link> के साथ कुछ गलत हो रहा है। जांचें कि फ़ाइल वास्तव में मौजूद है या नहीं और html पृष्ठ CSS फ़ोल्डर के समान निर्देशिका में है। अन्यथा फ़ाइल पथ गलत है।

यदि छवि प्रदर्शित नहीं हो रही है, तो शायद यह इसलिए है क्योंकि यह .css के समान पथ में नहीं है, इसलिए आपको लिंक भी बदलना चाहिए।

मान लीजिए कि आपकी छवि सीएसएस फ़ाइल पर एक फ़ोल्डर है। तो फिर तुम यह करने के लिए यूआरएल बदलना चाहिए:

url("../nuotraukos/bg.png");

यह भी एक पृष्ठभूमि सेट करने के लिए एक div उपयोग करने के लिए एक अच्छा अभ्यास नहीं है, तो बजाय एक पृष्ठभूमि सेट करने के लिए एक div का उपयोग कर के, <body> और खिंचाव के लिए एक पृष्ठभूमि सेट यह।

body { 
 
    background-image: url("http://images.alphacoders.com/538/53823.jpg"); 
 
    background-size:cover; 
 
}

<head> 
 

 
</head> 
 
<body> 
 

 

 
</body>

स्रोत

2015-12-27 21:05:21 Phiter

शायद यह अगर तुम पथ जब आप सीएसएस फ़ोल्डर में main.css जगह बदलने में मदद मिलेगी?

background-image: url("../nuotraukos/bg.png");

स्रोत

2015-12-27 21:09:41

हां यह समस्या थी, धन्यवाद , भी :) – Tadas

आपका स्वागत है। चीयर्स! –

एचटीएमएल में सीएसएस कोड और main.css

उत्तर

संबंधित मुद्दे