CSS & Flash

[ashkhn]

hi there

well i dnt wanna waste anytime and so ima gonna come to da point.
well i have this stylesheet and instead of an image i wanna a flash object. i have tried pasting the code but it doesnt seem to work. i dont want in my html/xhtml but in my css. is there a way. if so please help.

heres my css

.......continue d
/* CSS Document */


#search_inner .inputbox {
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #990000;
}

#header_outer {
text-align: left;
border: 0px;
margin: 0px;
}

#header {
position: relative;
float: left;
padding: 0px;
margin-right: 2px;
width: 735px;
height: 150px;
background: url(../images/header_short.jp g) no-repeat;
}

#top_outer{
float: left;
width: 165px;
}
........continu ed....

i want a code that i can use to replace the background jpeg (in bold) with a flash

thank you in advance.

Ashif

[drhowarddrfine]

This cannot be done with CSS. You must use the <object> element from html to insert a flash object. You can google for that.

[JamieHowarth0]

Absolutely true from drhowarddrfine - but I would say if it's just an animated image that doesn't actually do anything then use an animated GIF (which you can export directly from Flash) and set that as the background using CSS.

Any BLOBS (Binary Large OBjectS) cannot be set in the background using CSS. However, you could do a clever workaround...

Split your page into two <div>'s - one to contain the Flash object and one to contain your actual page content. Then use this CSS:

div#flashcontainer {
    z-index:1;
    opacity:100%;
    position:absolute;
}
 
div#contentcontainer {
    z-index:2;
    opacity:50%;
    position:absolute;
}
 

This will create 2 div's, one to hold your Flash animation and one to hold your actual page content. The content placeholder will be semi-transparent and directly on top of the Flash container so the Flash will show through as a "background ".

Hope it helps.

medicineworker