Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Opacity

Reply
Thread Tools

Opacity

 
 
Sentient Fluid
Guest
Posts: n/a
 
      04-22-2005
Is there a way I can have a translucent background in a parent element
without affecting the foreground (images and text) affected while using
the various opacity properties? Or do I have to use the .png method?

Here is the CSS that is affected:

dl.gallitem {
border: 1px solid #ffea00;
width: 102px;
height:225px;
background:#000;
overflow:hidden;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
color:#000;
font-size:0.8em;
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

..gallitem dt {
font-weight: bold;
text-decoration:underline;
}

..gallitem dt img {
width: 100px;
height: 100px;
}

..gallitem dd {
margin: 0;
padding: 0;
text-align:justify;
}

What I am *attempting* to do is make a translucent background for the
whole list, but still have the image in the DT and the text in the DD
fully opaque.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
What is -khtml-opacity for? Jim Higson HTML 3 03-05-2006 12:39 AM
opacity windandwaves HTML 10 02-26-2006 06:19 PM
Opacity in Windows XP Arild Computer Support 5 07-24-2004 04:11 PM
JPanel transparency (opacity) Nebojsa Dinic Java 0 04-16-2004 04:04 PM
CSS3 opacity support in Konqueror 3.1+ and Safari 1.1 DU HTML 13 10-31-2003 12:51 AM



Advertisments