मोज़िला फ़ायरफ़ॉक्स में रैखिक-ढ़ाल कलाकृतियों

Question

मैं मोज़िला फ़ायरफ़ॉक्स 16.

पर screenshow बुरी बात दिख रहा है में रेखीय-ढाल के साथ समस्या है।

कोड:

<a href="#">Button Text</a> 

और सीएसएस हिस्सा:

a { 
    background: -moz-linear-gradient(center top , #88EB52, #3CA82D); 
    border: 1px solid #399A29; 
    border-radius: 4px 4px 4px 4px; 
    color: #FFFFFF; 
    display: block; 
    float: left; 
    font-size: 16px; 
    font-weight: bold; 
    line-height: 54px; 
    margin-bottom: 20px; 
    margin-top: 20px; 
    text-align: center; 
    text-decoration: none; 
    width: 376px; 
} 

मैं स्क्रीनशॉट पर line-height संपत्ति बदल दिया है।

क्या कोई इसका वर्णन कर सकता है कि यह रेखा क्या है और इसे कैसे छिपाना है ?!

धन्यवाद। मेरी अंग्रेजी के लिए खेद है।

Answer 1

एफएफ 16 में परीक्षण किया गया और उम्मीद के अनुसार काम कर रहा था। हो सकता है कि यदि समस्या दिखाई दे रही है तो आप लाइन ऊंचाई मान प्रदान करते हैं तो हम त्रुटि को ट्रैक कर सकते हैं। मुझे संदेह है कि यह पहलू अनुपात के कारण है, अगर समस्या बिल्कुल हो रही है।

यह एक दोष नहीं है, लेकिन स्थिरता के लिए ढाल तर्ज पर प्रतिशत या मूल्यों का उपयोग करने का प्रयास करें:

background: -moz-linear-gradient(center top, #88EB52 0%, #223312 100%); 

यहाँ काम कर रहे बेला है: http://jsfiddle.net/FVcdu/1/

Answer 2

मैं Firefox में भी इस अजीब बग भर में ठोकर खाई। इसमें थोड़ी देर लग गई लेकिन मैंने इसे सीएसएस से गायब होने की घोषणा के रूप में संकुचित कर दिया।

जब आप ग्रेडियेंट करते हैं तो आपको वहां सभी अलग-अलग ब्राउज़र मानकों का प्रयास करना चाहिए और आपके ग्रेडियेंट सभी ब्राउज़रों में जितना संभव हो उतना अच्छा दिखता है। मैं Ultimate CSS Gradient Generator का उपयोग करके पुनः सिफारिश कर सकता हूं जो आपको सभी ब्राउज़रों के लिए सीएसएस डिस्सेरेशन प्रदान करेगा।

एक घोषणा मुझे के लिए याद आ रही है, और वह अंत में इसे हल, W3C मानक था: linnear-ढाल()।

background: linear-gradient(to bottom, #CCCCCC 0%,#EEEEEE 100%); 

तो कहा कि अपने कोड में संभव के रूप में यह मेरे लिए वैसा ही किया अपनी ढ़ाल में नीचे 1px लाइन के साथ अपने मुद्दे को हल कर सकते हैं।

अंतिम सीएसएस ढाल जनरेटर: http://www.colorzilla.com/gradient-editor/