क्या यह> आईओएस 5 में काम करता है?आईओएस 5 में निश्चित काम की पृष्ठभूमि-संलग्नक करता है?
.element {
background: url(images/myImage.jpg) 50% 0 no-repeat fixed;
}
मैंने सोचा कि इसे चाहिए, लेकिन अब तक यह नहीं है।
इस background-attachment support matrix के अनुसार, नहीं।
Another post पता चलता है कि मोबाइल उपकरणों के लिए एक समाधान के साथ आ इसके लायक नहीं है:
... दोनों Android और iPhone ब्लॉक टाइमर या स्क्रॉल के दौरान प्रस्तुत करना है, तो प्रभाव है कि divs के साथ चलते हैं स्क्रॉल किए गए पृष्ठ और केवल के बाद, divs अपेक्षित स्थिति में वापस आते हैं। इस स्थिति में तय विचार के खिलाफ है
बमर, उम्मीद है कि यह जल्द ही समर्थित होगा। मैं एक अलग संपत्ति की कोशिश करूंगा। – Dylan
आप संभवतः एक अलग तत्व और position: fixed जो काम करता है का उपयोग करते हुए इस के आसपास मिल सकती है!
HTML:
<div id="Background"></div>
<div id="Content"></div>
सीएसएस:
#Background {
background: #000 url("img/Background.jpg") no-repeat 50% 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1
}
इसे # बैकग्राउंड में जोड़ें: z-index: -1; – Jeff
यह सुनिश्चित नहीं है कि यह अब पहले क्यों नहीं बढ़ाया गया है - समस्या को संभालने का यह सही तरीका है, यह उल्लेखनीय है कि 'पृष्ठभूमि-अनुलग्नक' बदला नहीं जा सकता है, * वांछित परिणाम प्राप्त करने का सही तरीका * '
' 'बीजी-आईएमजी {स्थिति: निश्चित}' –
Brian
@Brian अर्थात्, निश्चित रूप से; अगर यह एक छवि है, तो एक छवि टैग का उपयोग करें। हालांकि, 'पृष्ठभूमि-छवि' का उपयोग करने के कई फायदे हैं। 'शीर्ष ',' नीचे ',' बाएं 'और' दाएं 'गुणों को सेट करके, हम सुनिश्चित करते हैं कि संपूर्ण व्यूपोर्ट' # पृष्ठभूमि' तत्व द्वारा कवर किया गया है, लेकिन छवि स्वयं को नहीं बढ़ाया जाएगा। फिर आप छवि को दाएं दाएं (यदि वांछित) में छवि को संरेखित करने के लिए 'पृष्ठभूमि-स्थिति' का उपयोग कर सकते हैं और छवि को व्यूपोर्ट पर स्केल करने के लिए 'पृष्ठभूमि-आकार' का उपयोग कर सकते हैं। – shshaw
वहाँ मोबाइल और स्पर्श उपकरणों पर स्थिर स्थिति के साथ भी कई मुद्दे हैं।
जब तक पृष्ठभूमि किसी भी तरह से एनिमेटेड नहीं होती है (धुंध, सीएसएस किसी भी जेएस ट्रांजिस्टियन) और जब तक कोई स्क्रॉलबार नहीं होता है, तो यह उपयोग करने योग्य और सुसंगत है।
बाकी सब कुछ अवांछित परिणाम, छवि पिक्सेलेशन, छवियों IOS उपकरणों पर 100 गुना स्केलिंग में ब्राउज़र- परिणाम पर होगा-निर्भर करता है, divs आदि "कूद"
विधि के आसपास सबसे अच्छा काम मैं अब तक पाया है, का कहना है कि , यदि आप एक निश्चित बीजी स्क्रॉल पेज को पुन: पेश करना चाहते हैं, तो लंबन विधि का उपयोग करना है, जिसमें एक div को स्क्रॉलिंग के रूप में रखना है, पृष्ठभूमि पारदर्शी के साथ अगला, दोहराना कुल्लाएं।
मुझे लगता है कि यह काफी अच्छा लगता है, और कोई प्लगइन्स की आवश्यकता नहीं है।
यह किस तरह से काम नहीं करता है (तय नहीं, कोई पृष्ठभूमि नहीं, आदि)? – Connor
पृष्ठभूमि छवि को ठीक नहीं किया गया प्रतीत होता है। यह सामग्री के साथ स्क्रॉल करता है। – Dylan
मैंने अपनी पिछली टिप्पणी हटा दी, बस मेरा जवाब देखें। – Connor