2011-01-26 20 views
5

में डैश किए गए सीएसएस बिंदीदार सीमा प्रस्तुत करता है मैंने "सीमा-तल: # F60 बिंदीदार .3em;" लागू किया एक div के लिए और जबकि फ़ायरफ़ॉक्स डॉट्स को गोल के रूप में प्रस्तुत करता है, क्रोम उन्हें ब्लॉककी डैश के रूप में दिखाता है। कोई लेने वाला?क्रोम

उत्तर

10

तो यह महत्वपूर्ण है कि सीमाओं ही आप CSS3 सीमा छवि संपत्ति पर गौर कर सकते हैं: http://www.css3.info/preview/border-image/ क्रोम के लिए यह -webkit-border-image:

+0

यदि क्रोम को डॉट रेंडर करने के लिए मजबूर करने का कोई तरीका नहीं है तो यह समाधान होगा। धन्यवाद। – Commandrea

+0

ऐसा लगता है कि यह सबसे अच्छा समाधान है – GusDeCooL

2

विनिर्देश परिभाषित नहीं करता है कि 'बिंदीदार' का अर्थ उस स्तर के विस्तार से क्या है। दो ब्राउज़र बस इसे अलग-अलग समझते हैं। This is not a problem

+2

यदि सीमा शैली का हिस्सा है तो इससे कोई फर्क नहीं पड़ता। – Commandrea

+0

फिर डिजाइनर को बताएं कि यह एक सीमा है! –

+0

यह एक सीमा नहीं है क्योंकि इसे विभिन्न विधियों के माध्यम से हासिल किया जा सकता है, इसे केवल सीमा के साथ हासिल नहीं किया जा सकता है: बिंदीदार – Leeish

2

एक ग्राफिक डिजाइनर के रूप में हो जाएगा, यह वास्तव में मेरे लिए एक समस्या है।

:dotted; और :dashed; किसी कारण से अलग से निर्दिष्ट किए गए हैं - एक आयत एक सर्कल नहीं है। हालांकि, काम करना संभव है, वेब बिल्डर्स एक निकालने पर काम करते हैं, अक्सर अंतर नहीं दिखते हैं। जहां तक ​​वे चिंतित हैं, संक्षेप में मुलाकात की गई है। निष्पक्ष होने के लिए, 1 पीएक्स पर, यह एक समस्या से कम है, लेकिन जब भारी वजन वाली रेखाएं डिजाइन तत्वों के रूप में उपयोग की जाती हैं और पेज लोड पर सहेजने के लिए ग्राफिक्स पर कोड का चयन किया जाता है, तो चीजें काफी गलत हो सकती हैं।

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