Embed Flash Animation Movie to Div Layer Floating on Top

This css div layer tutorial is also same as the previous tutorial except that we embed an interesting flash animation to the top div layer. The div layer example is shown as below.

Contents for div layer id "outerWrap" start here.......

Contents for div layer id "layer1" start here...

Flash movie embed to this div layer id "layer2"

Flash Animation Movie Embed on Top Div Layer

Same as previous div layer tutorial, we also use swfobject to embed the flash animation movie to div layer "layer 2". Please check the source codes of this HTML web page.

Please visit Flash Animation and Actionscript Tutorial if you wish to learn more about flash animation.

CSS Div Layers Codes

#outerWrap {
position: relative;
z-index: 0;
background-color: #00CCFF;
height: 500px;
width: 700px;
}

#layer1 {
position: absolute;
z-index: 2;
background-color: #6F0;
height: 250px;
width: 350px;
top: 40px;
left: 40px;
}

#layer2 {
position: absolute;
z-index: 3;
height: 384px;
width: 512px;
top: 80px;
left: 129px;
}

HTML CSS Tutorial contents: Embed flash animation movie on div layer overlapped on top.