में निश्चित ब्रेक मेरे पास ऐसी साइट है जो कुछ सुंदर प्रभाव प्राप्त करने के लिए jQuery और CSS का भारी उपयोग करती है। पृष्ठ एफएफ और क्रोम में बेकार ढंग से काम करते हैं - हालांकि आईई 9 (और संभवतः आईई के अन्य संस्करणों में) मेरे पृष्ठों को मेरे position:fixed; गुणों को अनदेखा करते हुए ब्राउज़र के कारण गलत स्वरूपित प्रतीत होता है। मुझे लगता है कि मेरा सवाल है: ऐसा होने के कारण क्या हो सकता है (मेरी साइट पर काफी ज्यादा वैश्विक रूप से)? मुझे पता है कि एक पूर्ण कोड उदाहरण के बिना कहना मुश्किल है, लेकिन मैं सोच रहा था कि किसी ने इसे पहले देखा है। सीएसएस के बहुत सारे है इसलिए मुझे सच में यकीन नहीं है कि पोस्ट करने के लिए प्रासंगिक क्या है और क्या नहीं। यदि अधिक कोड की आवश्यकता है, तो कृपया मुझे बताएं।स्थिति: IE9
उदाहरण 1: टूलबार जो की नकल करता है विंडो स्टार्ट बटन मेनू
नीचे दिए गए उदाहरण में, आप मैं एक उपकरण पट्टी है जो Windows प्रारंभ बटन के व्यवहार की नकल करता क्रियान्वित किया है देखेंगे। यह नीचे-बाएं में बैठता है और जब क्लिक किया जाता है, तो यह सामग्री दिखाने के लिए फैलता है। यह कार्यक्षमता च/एफएफ में बहुत अच्छी तरह से काम कर रही है, लेकिन जैसा कि आप IE9 में देख सकते हैं टूलबार और इसकी सामग्री पृष्ठ के निचले भाग में संलग्न की जा रही है। मैंने IE9 में इस विधि का उपयोग करके JSFiddle को तुरंत दबाया और ऐसा लगता है कि यह ठीक काम करता है .. मुझे यकीन नहीं है कि मेरे दस्तावेज़ के बारे में क्या अलग हो सकता है जो इसे काम करना बंद कर देता है।
अजीब बात: अगर मैं position:absolute; लिए सीएसएस बदलने के लिए, div सही ढंग से रखा जाता है और समारोह के 99% सही ढंग से - यह बस पृष्ठ के साथ स्क्रॉल नहीं करता है।
#floatingOptions{
background:#fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
bottom:0px;
display:none; /*this gets shown via javascript */
left:0px;
overflow:hidden;
position:fixed;
width:250px;
z-index:99999;
}
उदाहरण 2: मोडल विंडोज के माध्यम से jQuery उपकरण ओवरले
मेरी मोडल खिड़कियों में से कई jQuery Tools Overlay का उपयोग कर उत्पन्न होता है। दोबारा, यह च/एफएफ में ठीक काम करता है लेकिन आईई 9 फिर से पृष्ठ के निचले भाग में मोडल div जोड़ता है (ज़ेड-इंडेक्स को अनदेखा करने का उल्लेख नहीं करना)।
अद्यतन
यहाँ मेरी doctype/HTML बयान
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
समाधान
मैं इसे समझ से बाहर है। यह एक पीओबीकेएसी त्रुटि थी (कुंजीपटल और कुर्सी के बीच समस्या हुई)।
मेरी <!DOCTYPE....>header.php में बुलाया जा रहा है और मैं बेवकूफ किया जा रहा है और कुछ पृष्ठों पर यह कर रहा था ..
<style type="text/css">
@import url(/themes/pn5/jquery.ui.all.css);
@import url(/qtip/jquery.qtip.css);
</style>
<?php include ('header.php'); ?>
तो शैलियों कोड में रखा जा रहा था इससे पहले कि <!DOCTYPE> घोषित किया गया। इसे चारों ओर बदल दिया और समस्या दूर हो गई।
सभी को धन्यवाद!
[यहां पूछे गए] (http://stackoverflow.com/questions/6694517/ie9-and-position-fixed), लेकिन हो सकता है कि इस प्रश्न का उत्तर न दें। – Alex
@Alex: शायद यह जवाब है। – thirtydot
मुझे यकीन नहीं है कि यह है। ऊपर अद्यतन देखें। मेरा डॉक्टरेट है। – Dutchie432