तीर

Question

के साथ आयताकार डीआईवी बनाना मैं बस सीएसएस में और अधिक प्राप्त करना शुरू कर रहा हूं, और प्रारंभिक प्रयोग वास्तव में अच्छे हैं! मुझे पॉपअप बॉक्स और सीएसएस स्टाइल आदि के साथ मेरी फीड मिल रही है! हालांकि, मैं जो कुछ जानता हूं उसकी सीमाओं को धक्का देना चाहता हूं ...

मैं आयताकार डीआईवी (कोई समस्या नहीं) प्राप्त करने की कोशिश कर रहा हूं जो कि आयताकार है, लेकिन नौसेना पर एक आइकन को इंगित करने वाला तीर है बार, नीचे दी गई छवि देखें, जिसमें बॉक्स सीमा शामिल है, और जहां डीआईवी ऊंचाई में भिन्न हो सकती है (हालांकि तीर हर समय एक ही ऊंचाई/चौड़ाई रहता है)।

किसी को भी सही दिशा में मुझे बात कर सकते हैं - या मैं से संभव है और अधिक करने की कोशिश कर रहा हूँ !?

धन्यवाद, अग्रिम में।

Answer 1

व्यापक ब्राउज़र समर्थन के लिए, आपको पृष्ठभूमि छवियों के साथ ऐसा करना चाहिए। ऐसे कई संसाधन और ट्यूटोरियल हैं जिन्हें आप देख सकते हैं। मैं इस पुस्तक पर सलाह: - बहुत बढ़िया जो बड़ी छवियों के साथ स्टाइल divs पर एक अनुभाग (code here है पुस्तक -

• Pro CSS and HTML Design Patterns इस उदाहरण गोलाकार कोनों है, जो आप अब CSS3 के टैग का उपयोग अच्छा समर्थन के साथ प्राप्त कर सकते हैं के लिए है, लेकिन आपको किसी भी सीमा प्रभाव को प्राप्त करने के बारे में समझने देता है)

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

Answer 2

vimeo.com वास्तव में शुद्ध सीएसएस के साथ ऐसा करता है, उनके तीरों को नीचे की ओर इंगित करता है। नया सीएसएस सीखने का एक अच्छा तरीका फ़ायरफ़ॉक्स + फ़ायरबग या सिर्फ क्रोम का उपयोग करना है और अन्य साइटों से सीएसएस को "उधार" कैसे सीखना है।

मैंने एक बार अपने नीचे दिशानिर्देश तीर उधार लिया, और यह बहुत अच्छा काम किया।