methods and techniques for inserting transparent flash in Web pages

Source: Internet
Author: User
Tags add insert relative
Insert | tips | transparency | When you insert a flash into a Web page, we sometimes need to make it transparent, sometimes we need to insert some beautiful pictures on the back of the Flash, with a beautiful effect ... Here are some of the transparent setup tips for inserting flash into a Web page.

  First, the SWF transparent, no coordinate control

First of all to teach you the simplest plug-in flash code, transparent, no coordinate control:
Note that wmode= "Transparent" is to control whether flash is transparent display, if you do not want it to display as transparent, directly wmode= "Transparent" can be removed.

<embed height=60 Pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.webjx.com/flash/ flash.swf type=application/x-shockwave-flash width=468 wmode= "Transparent " quality= "High" ></EMBED >

  Second, the SWF transparent, absolute coordinate control

and teach everyone to add the absolute coordinates of the transparent flash, the absolute coordinates means that no matter how big your window, the flash is still obediently in situ motionless.


<embed style= "left:60px; width:468px; Position:absolute; top:200px; height:1000px " align=right src=http://www.webjx.com/flash/flash.swf width=568 height=60 type=application/ Octet-stream;; quality= "High" wmode= "Transparent">


  Third, SwF transparent, relative coordinate control

Finally teach you how to add the relative coordinates of the transparent flash.
Note The table section of the following code, which uses a table as a container to "load" the flash into a table so that flash always moves with the form, regardless of how large the viewer pulls the browser. In addition, the table can set the background picture, the table above put a transparent flash and background picture match, the effect is very good.

<table border= "0" cellpadding= "0" cellspacing= "0" width=600 height=382 align=center
background=backgroud.jpg>
<TD width=600 height=382><embed Pluginspage=http://www.macromedia.com/go/getflashplayer
src=http://www.webjx.com/flash/flash.swf width= "100%" height= "100%"
Type=application/x-shockwave-flash wmode= "Transparent"
quality= "High" ></EMBED></TD></td></table>



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.