Hi, I'm trying to use a flash background for one of my projects right now.
It works pretty well on Windows (FF, ie7, ie8, Chrome, Safari). On my friend's Mac, it displays correctly, but the right-click behavior is acting up. On Firefox, right-clicking doesn't do anything. On Safari, right-clicking always displays the Flash's contextual menu, even if we click on HTML elements that are over the Flash background.
Here is an exemple: http://dl.dropbox.com/u/4908049/FLASH%20BG/exemple_withoutSwfObj.html
my swf embed code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="swf/bg.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed wmode="transparent"
src="swf/bg.swf"
quality="high"
width="100%"
height="100%"
name="tech"
align="middle"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/></object>
The DIV that contains this background-image has a fixed position and has a z-index of -100.
I've tried to embed the flash background both with or without SWFObject. I'm using a flash background because it can display the whole image without distorting its ratio, or cropping it too much. I've used other methods: jQuery plugins that can do this considerably slow down other jQuery elements on the page (in ie7-8 that is, and sometimes in Firefox too). Flash isn't as demanding. And as for the html TABLE method, it either destroys the image ratio when the browser is resized or it resizes the image in a way where empty spaces are shown.
Any help would be appreciated! thanks!