Avatar billede stratokaster Novice
16. august 2006 - 18:11 Der er 12 kommentarer og
1 løsning

Transparent baggrundsfarve i div ovenpå Flash!

Hej,

Hvordan laver man en transparent baggrundsfarve i sin div, når man har en swf som ligger under? Kan godt få layeret til at ligge ovenpå men kan ikke få den til at være transparent samtidig!
Avatar billede mclemens Nybegynder
16. august 2006 - 19:23 #1
Gør ganske fint her? Kan du kaste et fejl eksempel med link til en test swf fil? Jeg har ikke en eneste swf fil på min computer nemlig... her er lige et eksempel:

java script:document.body.style.height="100%";tn=document.createElement("div");a=tn.style;a.width="100%";a.height="100%";a.position="absolute";a.left="0px";a.top="0px";a.background="transparent";a.zIndex=999;document.body.appendChild(tn);void(0);

^ Indsæt den linje i din nuværende adresselinje - den lægger en div over siden samt selve banneret i toppen - banneret i toppen her på eksperten er et flash banner... - Det er muligt at du skal z-index'e div laget op over din flash fremvisning før den lægger sig ovenpå... Læg mærke til at den transparent div lægger ovenpå - du kan ikke klikke på siden, før du opdaterer igen.
Avatar billede mclemens Nybegynder
16. august 2006 - 19:25 #2
Update, svaret er at i IE kan du klikke igennem et transparent
layer - du skal bruge en transparent gif fil istedet...
Behold lidt af pointene selv :o)
Avatar billede mclemens Nybegynder
16. august 2006 - 19:25 #3
(havde ikke testet i IE i første omgang...)
Avatar billede mclemens Nybegynder
16. august 2006 - 19:29 #4
Løsningen er jo så at sætte div'et til den størrelse det skal være og så strække det den transparent gif fil - så den passer... Her er lige et grimt eksempel til indsættelse i adresselinjen

java script:document.body.style.height="100%";tn=document.createElement("div");a=tn.style;a.width="100%";a.height="100%";a.position="absolute";a.left="0px";a.top="0px";a.background="transparent";a.zIndex=999;document.body.appendChild(tn);tn2=document.createElement("img");tn2.style.width="100%";tn2.style.height="100%";tn.appendChild(tn2);void(0);

og så enter...
Avatar billede stratokaster Novice
16. august 2006 - 20:27 #5
Her er et link til nogle swf filer http://www.flashkit.com/search.php?term=intro&Submit.x=0&Submit.y=0&Submit=Submit

Jeg vil ikke bruge nogen gif, da swf filen indeholder et billede

Her et eks. på min kode

<div style="position:absolute; top:190; left:175" class="box" ><p class="hvid">INFO<br><br>KONTAKT</p></div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="276" height="413" id="pic-intro" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="pic-intro.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="pic-intro.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="276" height="413" name="pic-intro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
Avatar billede stratokaster Novice
16. august 2006 - 20:29 #6
Min div har en baggrundsfarve vil gerne sætte den til 50%, så man kan se swf billedet!
Avatar billede mclemens Nybegynder
16. august 2006 - 20:37 #7
Hvad med:


<div style="position:absolute; top:190; left:175;background:#f00;filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity:0.50;opacity:0.50;" class="box" ><p class="hvid">INFO<br><br>KONTAKT</p></div>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="276" height="413" id="pic-intro" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="my_page.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="my_page.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="276" height="413" name="pic-intro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
Avatar billede mclemens Nybegynder
16. august 2006 - 20:39 #8
Ups, baggrunden er sat til rød, og opacity er sat til 50% i IE, FF og ældre mozilla browsere der ikke understøtter opacity, hvis du chacker med opera skal det være version 9 da opacity ikke har været understøttet i ældre versioner.

value="my_page.swf"
src="my_page.swf"
skal nok lige rettes, tak for link til de swf filer :o)
Avatar billede stratokaster Novice
16. august 2006 - 21:02 #9
Det virker jo:)Tusind tak for dit hurtige svar, point til dig gider ikke gemme til mig selv!
Avatar billede mclemens Nybegynder
16. august 2006 - 21:09 #10
Velbekom, og mange tak for mange point :o)
Avatar billede mclemens Nybegynder
16. august 2006 - 21:18 #11
Edit: 16/08-2006 20:39:49 - hvis du chacker med opera -> skulle være
hvis du chacker med opera ... ( bare så jeg ikke får en Opera gut
der misforstår det efter mig - lidt dum tastefejl at lave :D )
Avatar billede Slettet bruger
20. august 2006 - 23:18 #12
mclemens: mente du "checker"? ;-)
Avatar billede mclemens Nybegynder
20. august 2006 - 23:35 #13
*lol* Det er vist en fejl, der har bidt sig godt og
grundigt fast *rofl* ... Yes, jeg mente checker :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester