CSS Z-index Object Flash fix

Today set div display at the top of the flash, Z-index seems to not work, Google a bit, the original need to adjust The Flash parameter wmode value of "Transparent".

<object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″style=" z-index:-1px; "codebase=" http:// Download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″width= "150″height=" 156″>
<param name= "movie" value= "<flash file path >"/>
<param name= "Quality" value= "High"/>
<param name= "wmode" value= "Transparent"/>
<embed src= "<flash file >" quality= "High" pluginspage= "http://www.macromedia.com/go/getflashplayer [type=] Application/x-shockwave-flash "wmode=" Transparent " width=" 150″height= "156″></embed>
</object>

Simple:

<object type= "Application/x-shockwave-flash" data= "Flash file path" style= "z-index:1;" Width= "1140" height= "491" >
<param name= "wmode" value= "Transparent"/>
</object>

"/>


"Quality=" High "pluginspage=" Http://www.macromedia.com/go/getflashplayer "type=" Application/x-shockwave-flash " wmode= "Transparent" width= "150&prime height=" 156&prime>

Here's how to use Z-index for reference.

Z-index:auto | Number
Auto: Default value.
Number: An integer value with no units, which can be negative.

Elements with large z-index values are superimposed on elements with a smaller z-index value. For anchored objects that do not specify this property, an object with a positive Z-index value is above it, and an object with a negative Z-index value is below it.

Note: This property is not used for window controls, such as select objects. In ie5.5+, the IFrame object begins to support this property. In previous versions of the browser, the IFrame object is a window control that ignores this property.

The Z-index property is useful for locating elements (objects with a position property value of relative or absolute or fixed) to determine the stacking order (stack order) of positioned elements on the vertical to the display direction (called the z-axis).

Each positioning element belongs to a stacking context. The root element forms the root stacking context, while the other stacking context is generated by the positioning element (the z-index of this anchor element is defined as a non-auto Z-index value), and the anchor child element will have this local Stackin G context for reference, using the same rules to determine the stacking order. And there is no inevitable connection between stacking context and containing block.

When the stacking context is the same, the value of Z-index is used to determine how to display, if the Z-index is the same (that is, the same stack level), then according to the principle of the later in the document (Back-to-front) of the order to cascade.

When any one element cascade another is contained in a different stacking context element, it is determined by the cascade level of the stacking context (stack levels) to show the order of precedence. In other words, in the same stacking context will be used Z-index to decide successively, not at the same time by the stacking context of the Z-index to decide. For example:

Positioning element A (z-index:100) has a positional element A1 (z-index:300), while locating element B and element a sibling relationship (z-index:200). You will find that no matter how big the z-index of A1 is, it will be covered by Z-index B, 200, because the z-index of a is only 100.

CSS Z-index Object Flash fix