पृष्ठभूमि छवि क्रोम ब्राउज़र में प्रदर्शित नहीं होती

Question

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

http://paradigmsearch.co.uk/widget/?id=1

मैं आमतौर पर इतने पर लेआउट मुद्दा डाल करने के लिए अनिच्छुक हूँ। हालांकि, मैं थोड़ी देर के लिए इस पर जा रहा हूं।

तत्व पर:

<div class="widget" id="id_300x250"> 

मैं निम्नलिखित सीएसएस परिभाषाओं

.widget { 
    font-family: arial; 
    height: 250px; 
    width: 300px; 
    border: none; 
    background: url('/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center; 
} 

पृष्ठभूमि लागू करने कर रहा हूँ बस दिखाई नहीं देता है। यदि यह वास्तव में मूर्खतापूर्ण मार्क-अप/सीएसएस निरीक्षण है तो मैं profusely माफी माँगता हूँ।

वर्तमान में क्रोम ब्राउज़र संस्करण 25.0.1364.172m

Answer 1

का उपयोग कर यह एक बहुत अजीब मुद्दा है जो मैं केवल पता लगा जब Chrome की गुप्त मोड में अपने पेज खोलने है: आपके पृष्ठभूमि छवि AdBlock द्वारा अवरुद्ध किया जा रहा है।

इसके अलावा, उद्देश्यों को प्रस्तुत करने के लिए head में style तत्वों को चिपकाना बेहतर अभ्यास है।

Answer 2

मैंने क्रोम 25.0.1364.172 मीटर का उपयोग करके अपने कोड का परीक्षण किया है, सभी ठीक दिखाई देते हैं।

यह जाँच करें: http://jsfiddle.net/rcHMc/

एचटीएमएल

<div class="widget" id="id_300x250"> 

सीएसएस

.widget { 
    font-family: arial; 
    height: 250px; 
    width: 300px; 
    border: none; 
    background: url('http://paradigmsearch.co.uk/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center; 
}