Accentsconagua

Snabbtips Bädda in en transparent Flash Movie med CSS - Basix

Koda
Share

Lär dig hur du exporterar en Flash Movie med en transparent bakgrund och bädda in den i en HTML-fil.

Steg 1: Kortfattad översikt

Med ett publiceringsalternativ i Flash och lite CSS lägger vi in ​​en transparent Flash Movie ovanpå HTML-innehållet.

Steg 2: Välj en Flash-fil

Välj den fil du vill använda med en transparent bakgrund, jag använde Random Ease Candle mall ingår i Flash CS5.

Steg 3: Publicera inställningar

Med din fil öppen, gå till Arkiv> Publiceringsinställningar, klicka på HTML-fliken och ändra fönsterläge till Transparent Windowless.

Klicka på knappen Publicera för att exportera motsvarande swf och html-fil.

Steg 4: HTML

Du kan få exakt samma resultat genom att ställa in en parameter i HTML-filen du använder.

Låt oss ta en titt på den delen, som börjar i flashcontent div.

 
             
Den markerade raden är den parameter som ställer in filmen i transparent läge.
 
 
 Steg 5: En liten CSS
 
Öppnar HTML-filen i din webbläsare ger dig den transparenta bakgrunden vi letar efter, men utan innehåll blir det omöjligt att märka.
 
För att fixa det använder vi en liten bit av CSS, öppnar filen och lägger till följande i flashcontent ID.
 
 #flashContent width: 100%; höjd: 100%; position: absolute; vänster: 0; topp: 0;
 
Detta kommer att placera flashfilmen ovanpå innehållet som avslöjar effekten.
 
Notera: Tänk på att alla interaktiva HTML-innehåll (hyperlänkar till exempel) Bakom din Flash-film kommer att bli oanvändbar.
 
 
Slutsats
 
Nu vet du hur man publicerar den här typen av film, det är ditt jobb att implementera det på ett kreativt sätt. Experimentera!
 
Tack för att du läser!





	
	
			
	   
	







Koda



		

















	


	

			

							×