कुछ बंदरों में मेरा बंद बटन क्यों घुमाता है? <a href="http://jsfiddle.net/cYGzC/">http://jsfiddle.net/cYGzC/</a></p> <p>विचार यह है कि पार ('×') मंडराना पर इसके केंद्र जो हॉवर पर एक अच्छा कताई गति दे देंगे घूम जाएगा -

Question

पर डेमो चेकआउट करें। समस्या यह है कि, इसके लिए अच्छी तरह से × और केंद्र के केंद्र का केंद्र काम करना चाहिए।

.close_button { 
    background-color: #3b3b3b; 
    width: 40px; 
    height: 40px; 
    border-radius: 20px; 
    box-shadow: 0 0 5px rgba(150,150,150,0.9); 
    color: #fff; 
    font-size: 40px; 
    line-height: 40px; 
    text-align: center; 
    transition-duration: 2s; 
    -webkit-transition-duration: 2s; 
    -moz-transition-duration: 2s; 
    -o-transition-duration: 2s; 
    cursor: pointer; 
} 

उपरोक्त सीएसएस चालबाजी विंडोज़ में क्रोम को छोड़कर कई ब्राउज़रों में नौकरी करने लगती है। (मैक क्रोम ठीक काम करता प्रतीत होता है।)

Answer 1

बेहतर काम करने लगता है संक्षिप्त उत्तर अपने पार के लिए एक छवि का उपयोग करें। जैसा कि तारा कहते हैं, इस बात की कोई गारंटी नहीं है कि फोंट को प्रत्येक ब्राउज़र में बिल्कुल वही प्रदान किया जाएगा।

Answer 2

यह font-family जैसा लगता है यह इस मुद्दे का हिस्सा बनता है। आप font-family:Arial, Helvetica, sans-serif; करते हैं तो यह फ़ायरफ़ॉक्स

में

http://jsfiddle.net/cYGzC/1/