क्रोम में देखे जाने पर मुझे अपने jQuery माउसओवर कैप्शन फ़ंक्शन के साथ एक बहुत ही अजीब समस्या मिल रही है - लेकिन केवल मैक पर! मेरा मित्र विंडोज 7 का उपयोग करता है और उसके सभी ब्राउज़र जेएस को सही और सुचारू रूप से प्रदर्शित करते हैं। हालाँकि मैंने मैक के लिए कई मैक और क्रोम पर परीक्षण किया है, बस इसे संभाल नहीं सकता है!

FF और Safari दोनों OS (Safari में थोड़ा स्मूथ) में पूरी तरह से काम करते हैं।

सबसे पहले, मैं इस समय यहां साइट बना रहा हूं। कार्य पोर्टफोलियो अनुभाग में प्रत्येक आइटम के लिए माउसओवर है।

जेएस:

$(document).ready(function() {
$('.item .caption').hide();
//On mouse over
$('.item').hover(function() {
    //Display the caption
    $(this).find('div.caption').stop(true, true).fadeIn(300);
},
//When mouse leave
function() {
    //Hide the caption
    $(this).find('div.caption').stop(true, true).delay(700).fadeOut(300);
});});

सीएसएस:

.item {
    float:left;
    height: 215px;
    margin: 7px;
    width: 225px;
    position: relative;
    background: #cacbce;    
}

.item .caption {
    background: url(images/hoverbg.png) repeat;
    box-shadow:inset 0px 0px 250px #000;
    -moz-box-shadow:inset 0px 0px 250px #000;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 0;
}

सुंदर मानक कार्य, मुझे यकीन है कि आप सहमत होंगे। क्या किसी के पास कोई विचार है कि क्या गलत हो रहा है?

मैं क्रोम 10.0.648.133 (15 मार्च 2011 तक अद्यतित) का उपयोग कर रहा हूं। मुझे लगता है कि यह ब्राउज़र के साथ एक समस्या है!

1
Will Viles 15 मार्च 2011, 13:52
मुझे एक ही समस्या है, लेकिन दिलचस्प बात यह है कि मैक के साथ सब कुछ ठीक काम करता है अगर पेज बाहरी मॉनिटर में खोला जाता है। यह वास्तव में अजीब है :D
 – 
Daggeto
6 नवम्बर 2015, 10:14

1 उत्तर

इसका समाधान किया गया है।

क्रोम को उन तत्वों के अंदर बॉक्स-छाया सीएसएस में कठिनाई होती है जिन पर आप जेएस लागू कर रहे हैं। एक बार जब मैंने इसे हटा दिया, तो यह पूरी तरह से काम कर गया। मैं इस मुद्दे को क्रोम देव मंचों पर लाऊंगा।

1
Will Viles 15 मार्च 2011, 14:42