2010-01-21 15 views
7

के सामने एक div रखकर मुझे पृष्ठ पर सचमुच सब कुछ ऊपर एक div टैग डालना होगा। मैंने पढ़ा है कि ओपेक के लिए wmode param को सेटिंग करना होगा, लेकिन यह भी सुना होगा कि यह केवल आईई को प्रभावित करेगा। क्या ये सच है? आप इसे कैसे करते हो?फ्लैश एम्बेड

+0

क्या आपका मतलब 'wmode =' पारदर्शी 'नहीं है? –

+0

'अपारदर्शी' और 'पारदर्शी' फ्लैश से पारदर्शिता प्रभाव की पारदर्शी अनुमति के साथ पृष्ठ प्रवाह के हिस्से के रूप में आकर्षित करने के लिए फ्लैश को मजबूर करता है। 'विंडो' (डिफ़ॉल्ट) फ्लैश मूवी को पृष्ठ लेआउट के ऊपर, अपने स्वयं के बफर में प्रस्तुत करने का कारण बन जाएगा। – Ipsquiggle

उत्तर

7

अपने फ़्लैश एप्लेट टैग में, बस यह है:

<object id='flashObject' ....> 
    <param ....> 
    <param name='wmode' value='opaque'> 
    <embed ... wmode='opaque'> 
    </embed> 
</object> 

कि यह का ध्यान रखना चाहिए।

ध्यान दें कि इसका नकारात्मक पक्ष यह फ़्लैश फिल्म और पृष्ठ तत्वों दोनों के लिए प्रतिपादन धीमा कर देता है, लेकिन अधिकांश मामलों में कोई समस्या नहीं होनी चाहिए।

इसके अलावा, इसे ऑब्जेक्ट परम और एक एम्बेड विशेषता दोनों के रूप में शामिल करके, यह सभी प्रमुख ब्राउज़रों में काम करता है।

संपादित करें, MidnightLighning की टिप्पणी के अनुसार:

एक बार फ्लैश वस्तु को इस तरह से तैयार किया जाता है, तो आप पृष्ठ पर div फ्लोट करने के लिए है, इसलिए की तरह की जरूरत है:

<body> 
    <object> ... <!-- this is your flash movie --> </object> 
    <div id="floater">The Floating Div</div> 
</body> 

फिर बनाने के अपने इस तरह सीएसएस:

#flashObject { position:relative; z-index:1 } 
#floater { position:absolute; z-index:100; top:0; left:0; } 
+0

मैंने कोशिश की, यह काम नहीं किया: - \ – Webnet

+0

क्या आपने फ़्लैश तत्व पर अपने डीआईवी को स्थिति देने के लिए 'स्थिति: पूर्ण;' का उपयोग किया था? उपर्युक्त कोड फ्लैश तत्व को सही ढंग से पूर्ववत करता है, लेकिन फिर आपको DIV को उस पर रखना होगा; शायद में फ्लैश तत्व युक्त एक 'जेड-इंडेक्स' असाइन करें, और डीआईवी जो उस पर हो? – MidnightLightning

+1

@ वेबनेट: वास्तव में क्या काम नहीं किया? फ्लैश अभी भी div के शीर्ष पर प्रतिपादन था? क्या div सही ढंग से स्थिति नहीं था? अपने पृष्ठ को न्यूनतम उदाहरण तक ट्रिम करना जो समस्या का प्रदर्शन करता है और कोड पोस्ट करना एक बड़ी सहायता होगी। – Ipsquiggle

0

मेरे मुवक्किल साइट पर, मैं प्रयोग किया जाता एचटीएमएल:

<div id="photo> 
    <div id="flash"></div> 
    <ul id="navigation">..</ul> 
</div> 

सीएसएस:

#flash { z-index: 6; } 
#navigation { z-index: 8; margin-top: -100px; } 

और फिर मैं SWFObject के साथ मेरी फ़्लैश swf साथ #flash की जगह (http://code.google.com/p/swfobject)

तो बुनियादी तौर पर, z- सूचकांक और एम्बेड करने के लिए फ़्लैश चाहिए काम कुछ बुद्धिमान तरीका:)

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