Sfat rapid încorporați un film Flash transparent cu CSS - Basix

Aflați cum să exportați un film Flash cu un fundal transparent și să îl încorporați într-un fișier HTML.


Pasul 1: Prezentare succintă

Folosind o opțiune de publicare în Flash și un pic de CSS, vom încorpora un film Flash transparent în partea de sus a conținutului HTML.


Pasul 2: Alegeți un fișier Flash

Selectați fișierul pe care doriți să îl utilizați cu un fundal transparent, am folosit Lumânări aleatoare șablon inclus în Flash CS5.


Pasul 3: Publicați setările

Cu fișierul deschis, du-te la Fișier> Publicați setările, faceți clic pe fila HTML și schimbați modul fereastră la Transparent fără ferestre.

Faceți clic pe butonul Publicare pentru a exporta fișierul swf și html corespunzător.


Pasul 4: HTML

Puteți obține exact același rezultat setând un parametru în fișierul HTML pe care îl utilizați.

Să aruncăm o privire la acea parte, începând din flashContent div.

 

Linia evidențiată este parametrul care stabilește filmul în modul transparent.


Pasul 5: Un mic CSS

Deschiderea fișierului html în browser-ul dvs. vă va oferi fundalul transparent pe care îl căutăm, dar fără conținut va fi imposibil de observat.

Pentru a repara că vom folosi un pic de CSS, deschideți fișierul și adăugați următoarele la flashContent ID-ul.

 #flashContent width: 100%; înălțime: 100%; Poziția: absolută; stânga: 0; top: 0;

Acest lucru va plasa filmul flash pe partea de sus a conținutului care dezvăluie efectul.

Notă: Rețineți că orice conținut HTML interactiv (de exemplu, hyperlink-uri) in spate filmul dvs. Flash va fi redat inutilizabil.


Concluzie

Acum știți cum să publicați un astfel de film, este treaba dvs. să o implementați într-un mod creativ. Experiment!

Vă mulțumim pentru lectură!

Cod