Div πάνω απο Flash

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
zekia
Δημοσιεύσεις: 146
Εγγραφή: 04 Μάιος 2004 16:38
Τοποθεσία: thessaloniki

Div πάνω απο Flash

Δημοσίευση από zekia » 07 Οκτ 2008 13:02

Γειά σας,

προσπαθώ σε μια σελίδα να τοποθετήσω ένα css div πάνω απο ένα flash. Το div δηλαδή θέλω να καλύπτει μερικώς το swf. Έχω ψάξει αρκετά και έχω δοκιμάσει διάφορα πράγματα όπως:

-να βάλω wmode=opaque στο script και στα params του swf
-να βάλω wmode=trasparent στο script και στα params του swf
-να θέσω το z-index του div σε 1000 και του flash σε -1000
-position:absolute σε ένα απο τα δυο ή και στα δύο.

Δυστυχώς τίποτα απο τα παραπάνω δε δούλεψε και ζητάω την βοήθεια σας και τα φώτα σας:)

Οι σχετικοί κώδικες css και html είναι οι παρακάτω:

css

Κώδικας: Επιλογή όλων

#flash_main{
	width:860px;
	height:256px;
	padding:0;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	float:left;
}
#overlap_div{
	width:205px;
	height:342px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	float:left;
}
html

Κώδικας: Επιλογή όλων

<div id="flash_main">

<script type="text/javascript">
AC_FL_RunContent&#40; 'codebase','http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','860','height','256','src','flash/main','quality','high','wmode','opaque','pluginspage','http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/main' &#41;; //end AC code
				</script><noscript>
				<object classid="clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="860" height="256">
                  <param name="movie" value="flash/main.swf" />
                  <param name="quality" value="high" />
                  <param name="wmode" value="trasparent" />
                  <embed src="flash/main.swf" quality="high" pluginspage="http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="860" height="256" wmode="opaque"></embed>
          	  	</object></noscript>
            
</div><!-- flash main ends -->
            
<div id="overlap_div"></div>

Άβαταρ μέλους
_mentos_
Δημοσιεύσεις: 87
Εγγραφή: 20 Ιούλ 2005 21:57
Τοποθεσία: Βύρωνας
Επικοινωνία:

Div πάνω απο Flash

Δημοσίευση από _mentos_ » 07 Οκτ 2008 16:10

Είχα και εγώ ένα αντοίστοιχο πρόβλημα... ήθελα να βγαίνει το lightbox πάνω από το flash... τελικά βρήκα τη λύση κάπως έτσι:

Κώδικας: Επιλογή όλων

<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>
<script type="text/javascript">
var so = new SWFObject&#40;"main.swf", "flashcontent", "763", "550", "9.0.0", &#123;id&#58;"myid", name&#58; "myid"&#125;&#41;;
so.addParam&#40;"allowfullscreen", "true"&#41;;
so.addParam&#40;"allowScriptAccess", "always"&#41;;
so.addParam&#40;"wmode", "transparent"&#41;;
so.addParam&#40;"id", "myid"&#41;;
so.useExpressInstall&#40;'expressinstall.swf'&#41;;
so.write&#40;"flashcontent", "myid"&#41;; 
</script>
Δεν πείραξα το CSS του div, απλά χρησιμποίησα το [google]SWFObject[/google] ;)

Καλή συνέχεια

Άβαταρ μέλους
Garakatsamol
Honorary Member
Δημοσιεύσεις: 919
Εγγραφή: 08 Μάιος 2007 00:27

Div πάνω απο Flash

Δημοσίευση από Garakatsamol » 07 Οκτ 2008 16:26

για το flash θέλεις wmode transparent και στο z-index δε χρειάζονται τέτοιες υπερβολές στα νούμερα :)
Εδώ έχω κάνει ένα παράδειγμα, δες το source


edit: τώρα έιδα την απάντηση του Mentos. Νομίζω ότι δε θέλει να αντικαθιστά το περιεχόμενο ενός div απλώς να είναι πάνω από το flash ή εγώ καταλαβαίνω κάτι λάθος :)

Άβαταρ μέλους
_mentos_
Δημοσιεύσεις: 87
Εγγραφή: 20 Ιούλ 2005 21:57
Τοποθεσία: Βύρωνας
Επικοινωνία:

Div πάνω απο Flash

Δημοσίευση από _mentos_ » 07 Οκτ 2008 20:15

yeap αυτό προσπαθούσα να κάνω και εγώ και τελικά τα κατάφερα με το SWFObject :P Εγώ ήθελα να καλώ το lightbox μέσω flash και να εμφανίζεται όπως όταν το καλείς από html link. Με το SWFObject έλυσα και το πρόβλημα του z-index (don't ask me how :P ). Τη δική σου προσέγγιση δεν την είχα δει ;)

tnx for the tip

Άβαταρ μέλους
zekia
Δημοσιεύσεις: 146
Εγγραφή: 04 Μάιος 2004 16:38
Τοποθεσία: thessaloniki

Div πάνω απο Flash

Δημοσίευση από zekia » 08 Οκτ 2008 18:21

Επειδή δεν είχα υπομονή και ψυχικό σθένος να μπλέξω με το SWFObject :hammer: , βασίστηκα στο παράδειγμα του Garakatsamol. Ούτε και γω κατάλαβα τι έγινε και δούλεψε, το αφήνω έτσι και δε το ξαναπειράζω. :D

Σας ευχαριστώ για τη βοήθεια :D

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης