altrugon.com » Flash http://www.altrugon.com El blog de altrugon Tue, 09 Feb 2010 22:40:08 +0000 en hourly 1 http://wordpress.org/?v=3.0 Firefox, hover-flow hidden, and flash http://www.altrugon.com/css/firefox-hover-flow-hidden-and-flashfirefox-hover-flow-hidden-y-flash/ http://www.altrugon.com/css/firefox-hover-flow-hidden-and-flashfirefox-hover-flow-hidden-y-flash/#comments Wed, 18 Feb 2009 03:08:30 +0000 admin http://www.altrugon.com/?p=217 So, you have noticed that Firefox doesn’t handle the “overflow: hidden” very well with flash elements. I know, you maybe have a fancy slideshow that is working perfect with images and other elements, but when you try to add some videos everything goes crazy :( . Well don’t desperate, the solution is easy.

Your code right now looks something like this:

<object  width="500" height="300" ... >
  <param name="movie" value="matrix.swf" />
  <param name="quality" value="high" />
  ...
  <embed src="matrix.swf" width="500" height="300" quality="high"  ... ></embed>
</object>

To work around this, you only need to use the wmode=”opaque” parameter. This will give the flash movie a stacking order

<object  width="500" height="300" ... >
  <param name="movie" value="matrix.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  ...
  <embed src="matrix.swf" width="500" height="300" quality="high"  ... ></embed>
</object>

You also may use the wmode=”transparent” which not only allows us to stack elements but also makes the background of the flash movie transparent.

]]> http://www.altrugon.com/css/firefox-hover-flow-hidden-and-flashfirefox-hover-flow-hidden-y-flash/feed/ 0