सीएसएस कोड पृष्ठभूमि में खोने के लिए छवि और फॉर्म फ़ील्ड का कारण बनता है

मुझे एक भ्रमित दिन है।

If you look at at this page, and view its source code: http://tinyurl.com/npawot5

आपको एहसास होगा कि एक ही फॉर्म फ़ील्ड से निपटने के लिए उसके शीर्षलेख में एक सीएसएस है।

समस्या यह है कि सीएसएस में संशोधन करने से पहले, मैं पेज पर एक छवि देख रहा था। लेकिन अब, पृष्ठभूमि में छवि खो गई है, और आप केवल क्रोम आदि में फॉर्म फ़ील्ड देख रहे हैं, लेकिन इंटरनेट एक्सप्लोरर नहीं।

तो किसी भी ब्राउज़र में कोई छवि नहीं, और इंटरनेट एक्सप्लोरर में कोई रूप नहीं है।

किसी को भी यह पता है कि इस गड़बड़ी का कारण क्या हो सकता है?

धन्यवाद

0
जोड़ा
विचारों: 1

2 उत्तर

You can't nest CSS the way you are. And you can't do the :after pseudo selector on &. It seems like you may be trying to use compiled CSS, but it is not being parsed.

.coming-soon {
    height: 105px;
    left: 50%;
    margin-left: -172px;
    margin-top: 35px;
    overflow: hidden;
    position: absolute;
    top: 30%;

    &:after {  /* This is not allowed and shouldn't be nested here */
        border-radius: 100%;
        box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.3);
        content: "";
        left: 15px;
        position: absolute;
        height: 10px;
        top: 109px;
        width: 320px;
    }
}
0
जोड़ा
धन्यवाद। लेकिन मैंने इसके बजाय "img" के संबंध में सीएसएस को हटा दिया, और छवि अब दिखा रही है। आप देखने के लिए कोड पर फिर से जा सकते हैं। हालांकि, फॉर्म अभी भी इंटरनेट एक्सप्लोरर में दिखाई नहीं दे रहा है। कोई विचार?
जोड़ा लेखक user2977144, स्रोत
#bv_Image1 {
    overflow:hidden; <--remove
}
img {
    opacity: 0; <--remove
}

Internet explorer versions 9 or less have weak or none support for rgba colors. Use hex colors instead. Be sure that you have browser and document mode compatible (press f12 in internet explorer and see). If you want to create gradients for all browsers (again ie8 or less have weak or none support) use this link and be sure to enable ie9 support. collorzilla

0
जोड़ा
हां आप सही हैं। ओवरफ्लो का उल्लेख करने के लिए भूल गए: छुपाया जाना चाहिए (केवल क्रोम के साथ मिलकर) इसलिए मैंने अपना जवाब हटा दिया है और इसके बजाए आपका ऊपर उठाया है।
जोड़ा लेखक davidkonrad, स्रोत
धन्यवाद। मैंने "आईएमजी" के संबंध में सीएसएस को हटा दिया, और छवि अब दिखा रही है। आप देखने के लिए कोड पर फिर से जा सकते हैं। हालांकि, फॉर्म अभी भी इंटरनेट एक्सप्लोरर में दिखाई नहीं दे रहा है। कोई विचार?
जोड़ा लेखक user2977144, स्रोत
सीएसएस को देखने से, मुझे लगता है कि रंग योजना कैसे प्रभावित करेगी कि इंटरनेट एक्सप्लोरर में लॉगिन फ़ील्ड के लिए प्रदर्शन समस्या क्या है। क्या अापको उस बारे में पूर्ण विशवास है?
जोड़ा लेखक user2977144, स्रोत
माफ़ कीजिये। मैं थोड़ी देर के लिए दूर था। मैंने यह देखने के लिए एक ऑनलाइन ब्राउज़र परीक्षक का उपयोग करने की कोशिश की कि पेज विभिन्न ब्राउज़रों में कैसा दिखता है। निश्चित रूप से उस सीएसएस और इंटरनेट एक्सप्लोरर के साथ एक समस्या है। यह निश्चित रूप से प्रदर्शित नहीं हो रहा है।
जोड़ा लेखक user2977144, स्रोत
क्या आप कह रहे हैं कि यह एक संगतता मुद्दा है? क्योंकि मैं ie8 का उपयोग कर रहा हूँ। यदि ऐसा है, तो IE10 के नीचे कुछ भी व्यक्ति लॉगिन विंडो देखने में सक्षम नहीं होगा। ऐसा क्या?
जोड़ा लेखक user2977144, स्रोत
मैंने अपना पिछला उत्तर संपादित किया, आप इसे देख सकते हैं।
जोड़ा लेखक Vladislav Stanic, स्रोत
क्या आप प्रिंट स्क्रीन छवि को पोस्ट कर सकते हैं जो आप देखते हैं? ऐसा करने के दौरान वेब डेवलपर टूल खोलें (एफ 12) ताकि मैं देख सकूं कि यह क्या कहता है। मैंने आपके पृष्ठ को 10 से 7 तक चेक किया है और मैं सभी को देख सकता हूं, केवल उस लॉगिन फ़ील्ड के पृष्ठभूमि रंग नहीं हैं।
जोड़ा लेखक Vladislav Stanic, स्रोत
मैंने अपने कंप्यूटर को काम पर और घर पर और दोनों में अच्छा लगा। एकमात्र तरीका जिसे मैं गायब कर सकता हूं वह ब्राउज़र मोड यानी 9 यानी8 या यानी 7 और दस्तावेज़ मोड यानी 5 क्विर्क सेट करना है। आपको ब्राउज़र और दस्तावेज़ मोड को समान बनाना होगा और फिर से जांचना होगा। कृपया असली यानी टेस्टर्स का प्रयोग करें।
जोड़ा लेखक Vladislav Stanic, स्रोत
जैसे मैंने कई बार कहा, यानी अपना पृष्ठ खोलें, प्री f12 और ब्राउज़र मोड और दस्तावेज़ मोड दोनों को IE8 पर सेट करें और सभी ठीक होंगे। यदि आप यानी 9 का उपयोग करते हैं तो उन्हें दोनों को यानी 9 पर सेट करें और इसी तरह ... यह उनके बारे में विषयों में से एक है। stackoverflow.com/questions/2950598/… यदि अभी भी स्पष्ट नहीं है तो इसके बारे में ऑनलाइन खोज करें।
जोड़ा लेखक Vladislav Stanic, स्रोत