सीएसएस पृष्ठभूमि छवियां आईपैड

पर दिखाई नहीं दे रही हैं, मैं पूरी तरह से उलझन में हूं और सोच रहा हूं कि मुझे बस कुछ आसान याद आ रही है, लेकिन मैं आईपैड पर या आईपैड सिम्युलेटर में पृष्ठभूमि छवि प्रदर्शित करने में असमर्थ हूं।सीएसएस पृष्ठभूमि छवियां आईपैड

एक परीक्षण मैं एक साथ निम्नलिखित सरल पेज डाल के रूप में:

<html> 
<head></head> 
<body> 
    <img src="content_box_black_background.png" /> 
    <div style="height: 100px; width: 500px; background:url(content_box_black_background.png);"> 
    </div> 
</body></html>

एक परीक्षण के रूप मैं भी div ब्लॉक सीधे ऊपर छवि outputting कर रहा हूँ। क्रोम में वे दोनों दिखाई देते हैं लेकिन आईपैड सिम्युलेटर में न तो करते हैं। कोई विचार?

स्रोत

2010-07-23 Benjamin Dell

पर कर वे दोनों क्रोम में दिखाई देते हैं, और न सिम्युलेटर में दिखाई देते हैं, तो मुझे लगता है नहीं है कि आप एक "पृष्ठभूमि" छवि के रूप में उपयोग करने की कोशिश कर आपकी समस्या से कुछ लेना देना है। ऐसा लगता है जैसे सिम्युलेटर छवि के पथ को नहीं उठा रहा है। – ScottS

मुझे सही लग रहा है। हालांकि मैं कुछ चीजों की कोशिश करता हूं, शायद सिम्युलेटर छोटी है: url ('content_box_black_background.png'); या यूआरएल ('।/content_box_black_background.png '); –

क्या आईपैड सिम्युलेटर? क्या आप इसे एक लिंक में डाल सकते हैं? – Zabba

मैं इन परीक्षणों नहीं किया है, लेकिन मैं कुछ विचार आप परीक्षण करना चाहिए है:

1) कैसे हैं आईपैड के "स्थानीय ड्राइव" पर रखी गई फाइलें? आपके पास कोई HTTP नहीं है, इसलिए मुझे लगता है कि आपके पास "हार्डड्राइव" (रैम) पर छवि है - फ़ाइल को सीधे ब्राउज़र में खोलने का प्रयास करें, क्या यह दिखाता/डाउनलोड करता है?

2) जोड़ने का प्रयास करें: "प्रदर्शन: ब्लॉक;" आपके सीएसएस प्रतिपादन के लिए। चाल चल सकता है

3) आईएमजी टैग, चौड़ाई और ऊंचाई जोड़ने का प्रयास करें, क्या यह कुछ भी बदलता है?

4) आप किस प्रकार की पीएनजी फाइल का उपयोग कर रहे हैं? 8-बिट या 24-बिट?

5) यदि आप इसके बजाय जीआईएफ या जेपीजी का उपयोग करते हैं तो क्या होता है?

6) पृष्ठभूमि छवियों का उपयोग करते समय। विशेषताओं के लिए लंबे प्रारूप का उपयोग करने का प्रयास करें। "पृष्ठभूमि छवि: यूआरएल (image.jpg);"।

7) <!DOCTYPE html> जोड़ने का प्रयास करें ताकि ब्राउज़र HTML5 मोड में जा सके।

स्रोत

2010-07-24 00:11:39 BerggreenDK

सुझावों के लिए धन्यवाद। चीजों को हल करने में मदद के लिए अक्सर यह सरल चेक की एक सूची लेता है। मैं अभी तक प्रत्येक सुझाव का प्रयास करने में असमर्थ हूं, लेकिन मुझे यकीन है कि यह उनमें से एक होगा (संभवतः पीएनजी प्रारूप जिसे मैंने किसी विशेष ग्राफिक पर उपयोग किया है)। आपके सहयोग के लिए धन्यवाद। –

रैम सिस्टम मेमोरी है, जबकि हार्डडिस्क फाइल स्टोरेज के लिए हैं - वे पूरी तरह से विभिन्न स्तरों से असंबंधित हैं। – Christian

@ क्रिस्टियन - मैंने "समानता" के रूप में "हार्डड्राइव" पोस्ट किया। मुझे पता है फ्लैश रैम, रैम, हार्डड्रिव इत्यादि के बीच क्या अंतर है। मेरे उत्तर को वोट देने की कोई आवश्यकता नहीं है क्योंकि मैं हार्डड्राइव के साथ आंतरिक भंडारण की तुलना करता हूं। सामान्य कंप्यूटर से अधिकांश लोगों का उपयोग किया जाता है। मुझे 1 9 87 में अपना पहला कंप्यूटर वापस मिला, इसलिए कृपया समझें कि यह तुलना और स्पष्टीकरण के लिए समानता के समान था। – BerggreenDK

-3

हमेशा अपने यूआरएल के आसपास उद्धरण डाल दिया और या तो पूर्ण url("http://example.com/folder/file.htm") या कम से कम स्लेश url("/file.htm")

स्रोत

2010-07-24 00:03:38 isildur4

यदि कोई रिक्त स्थान नहीं है, तो उद्धरणों की आवश्यकता नहीं है। माफ़ कीजिये। – BerggreenDK

उम, अच्छी प्रोग्रामिंग आदत? – isildur4

यदि कोई रिक्त स्थान नहीं है, तो उद्धरण पूरी तरह से अनावश्यक हैं, और यह निर्दिष्ट यूआरएल पर लागू होता है, आप वास्तव में ऐसा क्यों चाहते थे? सीएसएस यूआरएल के अपने पथ के लिए वास्तविकता पढ़ता है। अर्थात। यदि आपका * .css * '/शैलियों' के अंदर बैठता है और' /शैलियों/छवियों के अंदर छवियां 'आप यूआरएल (छवियों/ .extension) जैसे सीआरएल में यूआरएल का उपयोग करेंगे और यह पूरी तरह से काम करेगा! – jolt

यह छवि के आयामों से संबंधित हो सकता है। Safari Web Content Guide का उल्लेख है कि जीआईएफ, पीएनजी और टीआईएफएफ छवियों के लिए अधिकतम आकार 3 मेगापिक्सल (3 * 1024 * 1024) है। मैं सीएसएस sprites के आधार पर एक मेनू प्रदर्शित एक समान मुद्दे में भाग गया। आईपैड पर किसी भी स्प्राइट्स प्रदर्शित होने से पहले मुझे बड़ी छवि (3000x1500) को कम करना पड़ा।

स्रोत

2010-11-04 16:09:37 timbonicus

इसने मेरी आईपैड साइट के साथ एक समस्या हल की - बहुत बहुत धन्यवाद :) – boz

मुझे एक ही समस्या थी। यदि आप एक स्प्राइट का उपयोग कर रहे हैं, तो सुनिश्चित करें कि इसकी चौड़ाई और ऊंचाई जितनी कम हो सके उतनी कम हो। मेरा स्प्राइट आकार केवल 130k था और अभी भी आईपैड 2 ने इसे नहीं दिखाया क्योंकि चौड़ाई 4000 पिक्सल थी। – Shahar

सुनिश्चित करें कि आपके पास वैध सीएसएस है! http://jigsaw.w3.org/css-validator/

मैंने पहले इस मुद्दे में भाग लिया है और मेरे सीएसएस को ठीक/ठीक करने के लिए इसे ठीक किया है!

स्रोत

2011-02-06 14:00:43

कुछ मोबाइल थीम सेटिंग में आपको "छोटी स्क्रीन पर फिट करने के लिए पोस्ट या पृष्ठों के भीतर बड़ी छवियों को कम करें"। इसे सक्षम/अक्षम करने के लिए जांचें। और इसे अक्षम करें ..

आशा है कि यह आपकी समस्या का समाधान करेगा।

स्रोत

2013-01-01 06:40:03

आईपीएडी पृष्ठभूमि शॉर्टंड में cover पसंद नहीं है। आप कवर का उपयोग कर रहे हैं एक नई लाइन

-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;

स्रोत

2013-08-06 11:53:03 Rick

सीएसएस पृष्ठभूमि छवियां आईपैड

उत्तर

संबंधित मुद्दे