2010-08-29 15 views
5

साइट यहाँ स्थित है: alt textCSS3: पारदर्शी गोल कॉर्नर समस्या

आप देख सकते हैं, CSS3 border-radius, और background: transparent का उपयोग कर रहा करने के लिए सक्षम था: CLICK TO VIEW THE WEBSITE

यहाँ समस्या की एक छवि है div से "कटआउट" की तरह दिखता है। समस्या स्पष्ट होनी चाहिए कि कोनों पारदर्शी भी हैं।

मुझे पता है कि मैं सिर्फ एक छवि का उपयोग कर सकता हूं और समस्या हल हो जाएगी, लेकिन मैं CSS3 का उपयोग करना चाहता हूं। मुझे लगता है कि इस समस्या को हल करने के लिए शायद कुछ सरल तरीका है, लेकिन मैं इसके बारे में सोच नहीं रहा हूं। मैं यह ध्यान रखना चाहता हूं कि मैं IE8 CSS3 कार्यक्षमता के माध्यम से IE6 को अनुमति देने के लिए css3pie.com का उपयोग कर रहा हूं।

+0

मैं इस मामले में लगता है कि करने के लिए लागू एक छवि * * उपयुक्त होगा, esp है। जिस तरह से आप उस पृष्ठभूमि को एक साथ सिलाई करने की कोशिश कर रहे हैं ... –

+0

ऑफटॉपिक: छवि और पृष्ठभूमि ढाल का चालाक उपयोग। एक पल के लिए मैं सोच रहा था कि जब मैंने अपनी उच्च रिज़ॉल्यूशन स्क्रीन पर खिड़की को बढ़ाया तो पृष्ठभूमि का आकार क्यों बदल गया। – mauris

+0

+1 प्रश्न –

उत्तर

1

इसमें कुछ समय hacky

यह नियम पी टैग

-webkit-box-shadow: #A3AFC6 0px -4px 0px 3px; 
+0

बहुत बहुत धन्यवाद। एक बॉक्स छाया करने के बारे में भी सोचा नहीं था। – ParoX

0

यह क्रोम में डेवलपर टूल बार में मेरे लिए काम किया ...

div.middle_bg पर 85px करने के लिए ऊंचाई निर्धारित किया है। फिर पृष्ठभूमि को p टैग पर सेट करें।

+0

घुसपैठ कर रहा है क्रोम का कौन सा संस्करण आपके लिए काम करता है? यह ओएसएक्स पर क्रोम 6.0.472.51 बीटा का उपयोग कर मेरे लिए काम नहीं करता है। यह ओएसएक्स पर सफारी 5.0.1 में भी काम नहीं करता है। दोनों मामलों में मैं ऊपर दिखाए गए कटआउट को देखता हूं। – gutch

+0

वही यहाँ। 'पी' टैग पहले से ही इसे 'पृष्ठभूमि: पारदर्शी' पर सेट कर चुका है ... – ParoX

+0

ओह ... ध्यान नहीं दिया कि इसे पारदर्शी होना था। निराश, मैं गूंगा हूँ :) – Corey

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