2012-12-10 33 views
6

हाल ही में दूसरी बार, मैंने एक वेबपृष्ठ खोजा है जो क्रोम में ठीक से प्रदर्शित हो रहा था, ऐसा नहीं हुआ, मेरे अंत में कोई बदलाव नहीं हुआ। मैं को भी पिन नहीं कर सकता जहां क्रोम गलत हो रहा है। मैं अपने उदाहरण दूंगा, और किसी भी सुझाव, संकेत, या समाधान के लिए धन्यवाद!सीएसएस क्रोम में समस्याएं प्रदर्शित करता है: पृष्ठभूमि-छवि और स्थिति

पृष्ठभूमि छवि वेबसाइट saversetter.com पृष्ठभूमि छवि (ओं) खड़ी टाइलों का उपयोग करता है। क्रोम अब उन्हें दिखाता है। ढाल पृष्ठभूमि के लिए दृश्यमान होने के लिए फ़ायरफ़ॉक्स या आईई में देखें। कुछ महीने पहले क्रोम ने इसे सही ढंग से दिखाया था।

स्थिति deadlynightshades.com पर एक पेज के नीचे तक स्क्रॉल करें और वहाँ ज़ूमर्स पर होवर करें। कुछ हफ्ते पहले क्रोम और सभी ब्राउज़रों ने शीर्षक केंद्र-तल में शीर्षक को खारिज कर दिया। फिर अचानक, मुझे पता है, क्रोम अकेले ने खिताब गलत तरीके से शुरू किया। मैंने तय किया कि क्रोम में, केवल इसे अन्य ब्राउज़रों में तोड़ने के लिए, जो अब है। यह उदाहरण वर्तमान में क्रोम में अच्छा दिखता है, लेकिन नहीं करना चाहिए। फ़ायरफ़ॉक्स या आईई में ज़ूमर्स को यह देखने के लिए देखें कि गलत गठबंधन शीर्षक कैसा दिखता है।

ये पृष्ठ क्रोम में काम करते थे, फिर अचानक मेरे अंत में कोई ज्ञात परिवर्तन नहीं होने के साथ, सही ढंग से प्रदर्शित नहीं किया गया। अपने अपडेट में, क्रोम पृष्ठभूमि-छवि या पूर्ण स्थिति वाले नियमों के लिए क्रोम बदल रहा है, काफी हद तक, सीएसएस डिस्प्ले?

अतिरिक्त: यह प्रश्न Is there a bug in Chrome's CSS visibility rendering? मेरी ज़ूमर समस्याओं से संबंधित दिखता है, क्षमा करें, मैंने इसे जल्द से जल्द नहीं देखा!

समाधान: यह पूछने के लिए खेद है, फिर अपना स्वयं का समाधान ढूंढना। पूछने से मुझे समस्या को फ्रेम करने में मदद मिली, लेकिन मैं भविष्य में आपके समय के साथ और अधिक सावधान रहूंगा! शीर्षक समस्या को एनिमेट करने के लिए jquery द्वारा बनाए गए सीएसएस में, पिक्सेल स्थिति की बजाय प्रतिशत स्थिति निर्दिष्ट करके स्थिति समस्या को ठीक किया गया था। इसका कोई सामान्य समाधान नहीं है, या क्रोम के बारे में क्या था जो बदल गया। परीक्षण वातावरण में पुन: उत्पन्न नहीं किया जा सका, इसलिए यह क्रोम में बदलाव के अलावा मेरे पृष्ठ के बारे में कुछ है।

पृष्ठभूमि-छवि प्रदर्शन के बारे में, क्रोम पृष्ठभूमि-आकार के साथ समस्याएं हैं।

background-size: 25% auto; को background-size: 25%; तक घटाया जा रहा है और 25% को ऊंचाई और चौड़ाई के लिए गलत तरीके से पुन: उपयोग किया जा रहा है। मैंने "ऑटो" को "100%" में बदल दिया, और क्रोम ने एक-पिक्सेल लंबा चित्र दिखाया। वास्तव में इस संदर्भ में ऑटो का अर्थ अस्पष्ट है, मुझे नहीं पता कि मैंने इसे क्यों शुरू किया, लेकिन फ़ायरफ़ॉक्स और आईई इसे छवि के आकार के रूप में प्रस्तुत करते हैं, जबकि क्रोम दोनों आयामों के लिए दूसरे, परिभाषित, मूल्य का उपयोग करता प्रतीत होता है ।

+0

क्रोम का कौन सा संस्करण आप उपयोग कर रहे हैं? – ProdigyProgrammer

+0

मैं इस लेखन के रूप में उपयोग कर रहा हूं, संस्करण 24.0.1312.35 बीटा-एम – rabidrobot

+0

मैं jsfiddle के बजाय मौजूदा वेबपृष्ठों के बारे में प्रश्न पूछने के लिए क्षमा चाहता हूं।कृपया ज़ूमर/स्थिति की समस्या को नजरअंदाज करें, क्योंकि मैंने पिक्सेल पोजिशनिंग से प्रतिशत तक स्विच किया है, और वह काम करने में सक्षम था, भले ही मुझे नहीं पता कि पुराना तरीका क्यों नहीं था। – rabidrobot

उत्तर

0

मैं बस अपना समाधान पोस्ट करना चाहता था ताकि यह स्पष्ट हो कि यह पाया गया था, और कोई भी उत्तर ढूंढने वाला कोई भी इसे याद नहीं करता है। यह आपके प्रश्न में थोड़ा छिपा हुआ दिखता है।

शीर्षक समस्या को एनिमेट करने के लिए jquery द्वारा बनाए गए सीएसएस में, पिक्सेल स्थिति की बजाय प्रतिशत स्थिति निर्दिष्ट करके स्थिति समस्या को ठीक किया गया था। इसका कोई सामान्य समाधान नहीं है, या क्रोम के बारे में क्या था जो बदल गया। परीक्षण वातावरण में पुन: उत्पन्न नहीं किया जा सका, इसलिए यह क्रोम में बदलाव के अलावा मेरे पृष्ठ के बारे में कुछ है।