The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> object with CSS opacity <100 or border-radius displays behind flash object, a CSS/Flash conflict
Bobb Fwed
post Jun 9 2011, 10:55 AM
Post #1


Newbie
*

Group: Members
Posts: 19
Joined: 7-June 11
Member No.: 14,715
I've run into an interesting problem with a conflict between a flyout and a flash animation I've made.

When there is a flash object "under" the flyout, the flash object displays on top, so you can't see the flyout, unless the opacity of the flyout is at 100%.
It does the same thing if border-radius is involved.

So you can't see the flyout unless the flyout object is at 100% opacity and does not contain border-radius.

Any ideas how to make it display above the flash, with both less than 100% and with border-radius?

EDIT: this occurs in FF, IE, and Chrome

This post has been edited by Bobb Fwed: Jun 9 2011, 11:00 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jun 9 2011, 11:09 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Can you provide the URL (address) of a document that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Bobb Fwed
post Jun 9 2011, 11:28 AM
Post #3


Newbie
*

Group: Members
Posts: 19
Joined: 7-June 11
Member No.: 14,715
QUOTE(Darin McGrew @ Jun 9 2011, 11:09 AM) *

Can you provide the URL (address) of a document that demonstrates the problem?

Here you go.
Mouse over the applications or photo gallery links on the left.

This post has been edited by Bobb Fwed: Jun 9 2011, 11:29 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Bobb Fwed
post Jun 9 2011, 12:12 PM
Post #4


Newbie
*

Group: Members
Posts: 19
Joined: 7-June 11
Member No.: 14,715
QUOTE(Bobb Fwed @ Jun 9 2011, 11:28 AM) *

QUOTE(Darin McGrew @ Jun 9 2011, 11:09 AM) *

Can you provide the URL (address) of a document that demonstrates the problem?

Here you go.
Mouse over the applications or photo gallery links on the left.

Found a fix for IE.
Change the flash's wmode to "transparent" or "opaque".
But other browsers don't get fixed with is.

This post has been edited by Bobb Fwed: Jun 9 2011, 12:34 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Bobb Fwed
post Jun 10 2011, 10:13 AM
Post #5


Newbie
*

Group: Members
Posts: 19
Joined: 7-June 11
Member No.: 14,715
No ideas? Anyone?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 16th April 2024 - 06:28 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC