मैं एक divमीडिया प्रश्नों और पृष्ठभूमि छवियों
<div id="page">
</div>
निम्नलिखित सीएसएस के साथ है:
#page {
background: url('images/white-zigzag.png') repeat-x;
}
@media (max-width: 600px) {
#page {
background: url('images/white-zigzag-mobile.png') repeat-x;
}
}
मैं जब मैं अपने ब्राउज़र का आकार बदलने, मैं "मोबाइल" पृष्ठभूमि (अच्छा) को देखने के नोटिस लेकिन अगर मैं वापस जाता हूं और अपना ब्राउज़र बड़ा बनाता हूं, तो मेरी पिछली "बड़ी" पृष्ठभूमि हमेशा दिखाई नहीं देती है।
यह एक अड़चन समस्या है लेकिन यह अक्सर हो रहा है कि मुझे लगता है कि मुझे इसे संबोधित करना चाहिए।
क्या इस "पृष्ठभूमि छवि दिखाई नहीं दे रहा है" समस्या या पृष्ठभूमि छवियों का आकार बदलने का कोई तरीका है, ताकि मीडिया क्वेरी पृष्ठभूमि छवि को नए आकार में फिट करने के लिए "संक्षिप्त" कर दे? जहाँ तक मुझे पता के रूप में वहाँ कोई (व्यापक) जिस तरह से एक पृष्ठभूमि छवि का आकार बदलने के ...
क्या आप @media का उपयोग करके देखें (न्यूनतम-चौड़ाई: 600px) {पृष्ठभूमि: यूआरएल ('छवियों/सफेद वक्र। पीएनजी ') दोहराना-एक्स; } मुझे यकीन नहीं है कि यह काम करता है, यही कारण है कि यह एक टिप्पणी है। – Tim
आप शायद पहले से ही इस लिंक को जानते हैं: http://css-tricks.com/how-to-resizeable-background-image/ (पृष्ठभूमि छवि के आकार को फिर से बदलना)। – juanrpozo
जब मैं करता हूं तो यह छवि का आकार बदलता नहीं है ... यह है कि मैं सिर्फ छवि का हिस्सा देखता हूं, छवि – redconservatory