2009-11-13 7 views
6

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

पृष्ठभूमि छवि में कुछ क्लिक-सक्षम क्षेत्र हैं, इसलिए मुझे एक छवि मानचित्र की आवश्यकता है।

मुझे लगता है कि ऐसा करने का सबसे अच्छा तरीका एक पारदर्शी छवि के साथ एक और ओवरले div है, और पृष्ठभूमि क्षेत्र क्लिक-सक्षम क्षेत्रों से संबंधित पारदर्शी छवि के लिए एक छवि मानचित्र है।

क्या मैं सही रास्ते पर हूं, या क्या कोई बेहतर तरीका है?

उत्तर

6

यदि आपको छवि मानचित्र में लिंक के लिए केवल "आयताकार" आकार की आवश्यकता है, तो आप इसके बजाय सीएसएस परिभाषित लिंक स्थिति का उपयोग कर सकते हैं। यह स्थिति निर्दिष्ट करके और पृष्ठभूमि रंग को पारदर्शी पर सेट करके पूरा किया जाता है। यहाँ एक उदाहरण है: http://www.position-relative.com/tutorials/tute1_css_bg_image.php

1

कुछ आप कोशिश कर सकते हैं "फ्लोट" IE पर पृष्ठभूमि div दे रहा है

div.background { float:left; }

के बाद से मिला एक उस पर "फ्लोट" अभ्यस्त पृष्ठभूमि के आकार divs उस तरफ करने के लिए इसे बाद आते हैं ...

धक्का तो आप एक दूसरे div बना सकते हैं सभी पाठ सामान को रोकने के लिए और उसके बाद की तरह कुछ का उपयोग करें:

div.textarea{ position:realtive; left:50px; }

div पृष्ठभूमि

1

IE6 पारदर्शिता का समर्थन नहीं करता तो मैं आप IE6 png ठीक हैक का उपयोग करें ऊपर पाठ क्षेत्र (है कि आप संपादन एक बहुत) स्थित करने के लिए।

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

  • कोई संबंधित समस्या नहीं^_^