jQuery यूआई मोडल डायलॉग स्ट्रिप इश्यू

Question

मेरे पास यह बेहद बुनियादी jQuery यूआई मोडल डायलॉग है जिसे मैंने here. परीक्षण के लिए लिखा है जब तक कि मुझे कुछ याद नहीं आ रहा है, मैं यह नहीं समझ सकता कि पेज के बीच में वह ग्रे स्ट्रिप क्यों है। मैं मोडल पृष्ठभूमि रंग और अस्पष्टता के साथ-साथ सीएसएस मार्कअप में देखे जाने की कोशिश कर रहा हूं।

Answer 1

काम करता है सक्षम होना चाहिए समस्या यह है कि पृष्ठभूमि jQuery यूआई द्वारा परिभाषित सिर्फ एक नहीं है ठोस रंग: यह एक छवि है (ओवरले में पट्टियों जैसे पैटर्न का समर्थन करने के लिए)। जब आप themeroller के साथ एक jQuery UI थीम को कस्टमाइज़ करते हैं, तो यह आपके लिए उस रंगीन छवि को उत्पन्न करता है।

background-color: #000; 

करने के लिए:: अपने पृष्ठ को ठीक करने के लिए, तुम सब करने की जरूरत है से लाइन 48 पर अपने पेज में इनलाइन सीएसएस संपादित है

background: #000; 

इस पूरी पृष्ठभूमि विनिर्देश को पार कर जाएगी, न सिर्फ रंग।

अद्यतन: निक Craver http://jsfiddle.net/QVXah/

Answer 2

मैंने पहले उस समस्या को देखा है, और मुझे यकीन नहीं है कि यह क्यों तय नहीं किया गया है। आप से

.ui-widget-overlay { 
    url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA 
    ... 
    } 

को हटाने लाइन ~ jQuery-ui.css की 285 करके इसे ठीक करने देखें कि अगर के लिए आप

Answer 3

पर ठीक का एक डेमो प्रदान की यह सवाल 3 वर्ष से अधिक पुराना है, और समस्या अभी भी jQuery में बनी रहती है।

मुझे jQuery CSS वर्ग जो पृष्ठभूमि को परिभाषित करता है अधिभावी गया था के लिए, अपने खुद के सीएसएस फ़ाइल

.ui-widget-overlay { 
    background: #000; 
} 

में यह जोड़ने और लोड हो रहा है jQuery सीएसएस के बाद मेरे CSS लोड करने से क्या काम किया। अब मुझे यह कष्टप्रद पट्टी नहीं दिखाई देती है और एक अच्छी पारदर्शी हल्की भूरे रंग की पृष्ठभूमि मिलती है।

तुम भी

background: none; 

सेट कर सकते हैं लेकिन यह यह उपयोगकर्ता के लिए भ्रमित कर देगा, क्योंकि पृष्ठभूमि अभी भी दिखाई दे लेकिन कार्यात्मक नहीं होगा।

Answer 4

मेरा समाधान थोड़ा अलग था। बल्कि पृष्ठभूमि का रंग बदलने से, मैं सिर्फ यह पारदर्शी बनाया:

.ui-widget-overlay { 
    opacity: 0; 
} 

अन्य इसी तरह के समाधान के साथ के रूप में, मैं एक .css फ़ाइल जो jQuery-ui.css कि से भरी हुई है के बाद लोड किया जाता है में रखते code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css।

अब जो भी मैं देखता हूं वह पॉपअप है, बिना किसी पृष्ठभूमि दुष्प्रभाव के। !

Answer 5

आप एक CDN का उपयोग कर रहे हैं और लोड करने के लिए/एक और सीएसएस बनाए रखने नहीं करना चाहते हैं, महत्वपूर्ण ओवरराइड का उपयोग:

.ui-widget-overlay {background: #BEBEBE !important;}