मोडल का पाठ सही ढंग से प्रस्तुत किया गया है, हालांकि पृष्ठभूमि केवल स्क्रीन आकार की सीमा के भीतर प्रस्तुत की जाती है, जब आप स्क्रॉल करते हैं तो यह पारदर्शी होता है।

मैंने देखा है कि पृष्ठभूमि तभी प्रस्तुत की जाती है जब कुछ क्रिया होती है जैसे उस मोडल पर एक बटन पर क्लिक करें या यहां तक ​​​​कि जब मैं डेवलपर टूल्स खोलता हूं।

हालांकि यह अन्य ब्राउज़रों में अपेक्षित रूप से काम करता है।

यहाँ मोडल कंटेनर का सीएसएस है

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: auto;
background-color: rgba(0,0,0,.7);
cursor: pointer;
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;

और मोडल ही

background-color: ${colors.white};
display: inline-block;
margin-top: 50px;
text-align: left;
cursor: initial;

आईई के प्रतिपादन के मामले में कोई विचार क्या हो सकता है?

0
Chulsy 20 मार्च 2020, 17:35

1 उत्तर

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

मुझे इसे सुलझाने का एक तरीका मिला। इस मोडल के अंदर मैं वास्तव में एक और div (जिसमें विभिन्न पृष्ठों में टेक्स्ट और क्रियाओं की अलग-अलग संरचना है) प्रस्तुत कर रहा हूं जो इस सीएसएस को प्राप्त करता है:

background-color: ${colors.white};
display: inline-block;
margin-top: 50px;
text-align: left;
cursor: initial;

लेकिन जाहिरा तौर पर जब आप नीचे स्क्रॉल करते हैं और जैसे ही नई सामग्री लोड होती है, शैली लागू नहीं होती है। मोडल के अंदर दिए गए डिव में एक बार फिर background-color: ${colors.white}; जोड़ने के बाद यह सब अच्छा लग रहा है।

0
Chulsy 24 मार्च 2020, 21:46