Programming C, C++, Java, PHP, Ruby, Turing, VB
Computer Science Canada 
Programming C, C++, Java, PHP, Ruby, Turing, VB  

Username:   Password: 
 RegisterRegister   
 Opaque BG, clear text.
Index -> Graphics and Design, Web Design -> (X)HTML Help
View previous topic Printable versionDownload TopicSubscribe to this topicPrivate MessagesRefresh page View next topic
Author Message
Craige




PostPosted: Sun Dec 24, 2006 3:11 pm   Post subject: Opaque BG, clear text.

I've been working on the CSS for Afflatus today, and one thing we are implimenting uses opaque backgrounds, and 100% clear text. I have it half working. It works in IE, but not in FF.

The problem is we are using CSS3 directives that are not widely supported and thus work arunds are needed. The styles I have are:

.bluebgbox
{
background-color:#246176;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
border-width: 1px 0px 1px 0px;
border-color:#6792A3;
border-style:solid;
}

.full
{
position:relative;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

where bluebgbox has the semi-transparent BG, and full is used to make the contents within bluebgbox 100% opaque. position:relative; works as a fix in IE, but in FF the .full class still uses the 50% opaqueness.

Any ideas?
Sponsor
Sponsor
Sponsor
sponsor
Display posts from previous:   
   Index -> Graphics and Design, Web Design -> (X)HTML Help
View previous topic Tell A FriendPrintable versionDownload TopicSubscribe to this topicPrivate MessagesRefresh page View next topic

Page 1 of 1  [ 1 Posts ]
Jump to:   


Style:  
Search: