मैं एक ढाल बनाने की कोशिश कर रहा हूं जो मेरे पूरे पृष्ठ को भर देता है - मैंने अपना ढाल पूरा पृष्ठ भरने में कामयाब रहा है, हालांकि अल्फा चर को बदलकर ढाल को कम करने के बाद, मैंने एक असंगतता देखी है - का मुख्य भाग पृष्ठ ठीक दिखता है, लेकिन जैसे ही मैं नीचे स्क्रॉल करता हूं, डिमिंग के साथ एक समस्या होती है - ढाल का गहरा क्षेत्र पृष्ठ के निचले हिस्से में नहीं फैलता है, जैसा कि नीचे देखा गया है:

छवि जुड़ी हुई है क्योंकि मेरे पास पर्याप्त उच्च प्रतिनिधि नहीं है

कई समाधानों की कोशिश करने के बाद सीएसएस कोड वास्तव में एक गड़बड़ है, लेकिन इसे नीचे दिखाया गया है:

html {
    margin: 0px;
    height: 100%;
    width: 100%;
}
body {
    margin: 0px;
    min-height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background: rgb(54,174,0);
    background: linear-gradient(135deg, rgba(54,174,0,1) 0%, rgba(55,0,174,1) 100%);
}

मैं कैसे सुनिश्चित कर सकता हूं कि अल्फा संशोधन पूरे पृष्ठ को कवर करता है?

0
NeonCoding 13 अगस्त 2021, 21:33

1 उत्तर

सबसे बढ़िया उत्तर

मुझे विश्वास नहीं है कि यह अल्फा संशोधन के साथ एक मुद्दा है।

आपके पास मुख्य background संपत्ति के ऊपर लिखी गई पृष्ठभूमि के लिए उप-गुण हैं, नीचे की background संपत्ति उपरोक्त गुणों को अधिलेखित कर देगी। मुख्य रूप से background-attachment ही समस्या का कारण है।

css इस तरह दिखना चाहिए:

html {
            margin: 0px;
            height: 100%;
            width: 100%;
}
body {
            margin: 0px;
            min-height: 100%;
            width: 100%;
            /*background: rgb(54,174,0);*/
            /*background-repeat: no-repeat;*/
            /*background-size: cover;*/
            background: linear-gradient(135deg, rgba(54,174,0,1) 0%, rgba(55,0,174,1) 100%);
            background-attachment: fixed;
}

टिप्पणी की गई पंक्तियाँ निरर्थक हैं क्योंकि संपत्ति या तो अधिलेखित है या डिफ़ॉल्ट पर सेट है।

0
Joshua Smart 13 अगस्त 2021, 21:49