Suggerimento rapido incorporare un film Flash trasparente con CSS - Basix

Scopri come esportare un filmato Flash con uno sfondo trasparente e incorporarlo in un file HTML.


Passaggio 1: breve panoramica

Usando un'opzione di pubblicazione in Flash e un po 'di CSS, incorporeremo un film Flash trasparente sul contenuto HTML.


Passaggio 2: Scegli un file Flash

Seleziona il file che vuoi usare con uno sfondo trasparente, ho usato il Candela Random Ease modello incluso in Flash CS5.


Passaggio 3: pubblica le impostazioni

Con il tuo file aperto, vai a File> Impostazioni pubblicazione, fare clic sulla scheda HTML e modificare il modalità finestra a Senza finestra trasparente.

Fare clic sul pulsante Pubblica per esportare il file swf e html corrispondente.


Passaggio 4: HTML

Puoi ottenere lo stesso risultato impostando un parametro nel file HTML che stai utilizzando.

Diamo un'occhiata a quella parte, iniziando nel flashcontent div.

 

La linea evidenziata è il parametro che imposta il filmato in modalità trasparente.


Step 5: Un po 'di CSS

L'apertura del file html nel browser ti fornirà lo sfondo trasparente che stiamo cercando, ma senza contenuto sarà impossibile notare.

Per risolvere il problema useremo un po 'di CSS, apriamo il file e aggiungiamo quanto segue al file flashcontent ID.

 #flashContent width: 100%; height: 100%; position: absolute; a sinistra: 0; inizio: 0;

Questo posizionerà il filmato flash sopra i contenuti che rivelano l'effetto.

Nota: Ricorda che qualsiasi contenuto HTML interattivo (collegamenti ipertestuali ad esempio) dietro a il tuo filmato Flash sarà reso inutilizzabile.


Conclusione

Ora sai come pubblicare questo tipo di film, è il tuo lavoro implementarlo in modo creativo. Sperimentare!

Grazie per aver letto!