सीएसएस (वेबकिट): निरपेक्ष-तैनात तत्व पर नीचे के साथ शीर्ष ओवरराइडिंग


83

मुझे कुछ प्लगइन CSS को ओवरराइड करने में समस्या हो रही है। संपादित करना कि सीएसएस सीधे एक विकल्प नहीं है, क्योंकि यह प्लगइन को अधिक जोखिम भरा बना देगा।

समस्या: किसी तत्व की पूर्ण स्थिति है, और मूल में शीर्ष: 0px है। मैं इसे नीचे से ओवरराइड करना चाहता हूं: 0px।

उदाहरण के लिए

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

फ़ायरफ़ॉक्स पर यह ठीक काम करता है (नीचे: 0 लागू शैली है), लेकिन सफारी / क्रोम शीर्ष पर प्राप्त नहीं लगता है: 0।

मैं इस समस्या के आसपास काम कर सकता हूं, लेकिन स्वच्छ समाधान के साथ आना अच्छा होगा।


नीचे वेबकिट के मामले में भी लागू किया गया था, और नीचे की परिभाषा अधिक विशिष्ट थी। महत्वपूर्ण बस यह कहने के लिए "अधिक विशिष्ट" बनाता है। समस्या यह थी, यह पहले शीर्ष की गणना करने के लिए लगता है, इसलिए मुझे इसे रीसेट करने के लिए एक तरीके की आवश्यकता थी।
मार्कस

जवाबों:


197

अपने प्रारंभिक मूल्य केtop: auto लिए "रीसेट" topकरने के लिए उपयोग करें

bottomtop( एक तत्व दोनों एक topऔर हो सकता हैbottom ) के लिए एक पूरी तरह से अलग संपत्ति है , तो शायद आप bottomअब और जरूरत नहीं होगी ।

इसके अलावा, सुनिश्चित करें कि आपका ओवरराइड चयनकर्ता पर्याप्त विशिष्ट है , लेकिन यह इस तरह की समस्या में ध्वनि नहीं करता है।


5
शीर्ष: ऑटो वही था जिसकी मुझे तलाश थी। मैंने साइट पॉइंट सीएसएस संदर्भ आदि के दस्तावेज़ीकरण की जाँच करने की कोशिश की, लेकिन वह नहीं मिला। कोशिश की शीर्ष: कोई नहीं (यादृच्छिक पर: डी)। धन्यवाद।
मार्कस

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.