I just started learning CSS coding...

[mahi poi no ka oi]

And I'm wondering if it's possible to isolate the text opacity from the section opacity. I have tried various ways of trying to circumvent it to no avail.

[psychic stalker]

mahi poi no ka oi

And I'm wondering if it's possible to isolate the text opacity from the section opacity. I have tried various ways of trying to circumvent it to no avail.

Apply the opacity to the element containing the text, and not its parent element. Simple.

[mahi poi no ka oi]

psychic stalker

mahi poi no ka oi

And I'm wondering if it's possible to isolate the text opacity from the section opacity. I have tried various ways of trying to circumvent it to no avail.

Apply the opacity to the element containing the text, and not its parent element. Simple.

Sorry maybe I wasn't clear enough. But I was trying to separate the text from the panel itself. Essentially what I want to do is make the panel transparent but the text on the panel solid. As I said, I don't think this is possible but I'm asking anyway just in case (cause I know almost nothing of CSS).

[psychic stalker]

mahi poi no ka oi

psychic stalker

mahi poi no ka oi

And I'm wondering if it's possible to isolate the text opacity from the section opacity. I have tried various ways of trying to circumvent it to no avail.

Apply the opacity to the element containing the text, and not its parent element. Simple.

Sorry maybe I wasn't clear enough. But I was trying to separate the text from the panel itself. Essentially what I want to do is make the panel transparent but the text on the panel solid. As I said, I don't think this is possible but I'm asking anyway just in case (cause I know almost nothing of CSS).

I see. You could try applying an opacity of 100% to the element containing the text and less opacity to the parent element. So, a div containing a p element could have opacity 0.6 and the p element inside it could be given opacity 1.0.

I don't know if that will work, really, but it's worth a shot. TBH, I wouldn't expect it to.

[mahi poi no ka oi]

Yeah it didn't work. Thanks for the reply though. I'll wait for a couple more opinions before letting this thread die.

[trezoid]

so it would be something like this:

#section{opacity:0.6;}
* p {opacity:1!important;}


That will make the div with the ID of section have opacity of 0.6, and ALL text have an opacity of 1

if you want only a specific section like that, use

#section p{opacity:1;}

The important is not strictly necessary, but it makes sure that the P styling overrides the #section styling.

[mahi poi no ka oi]

Sorry to be a bother, but could you explain how that works exactly? I'm trying to actually learn CSS and what each code does and not just copy/paste some codes that have been pre-made. So what exactly is the p and * for?

EDIT: It seems that didn't really help much. I tried both codes and neither seem to make a difference. neutral

[trezoid]

ok. the * is a wild card selector, so it can be any (or all) class or selector or formatting group, depending on whats around it. the P selector selects paragraphs

try using #selector * {opacity: blah blah blah instead, to make sure we get the text.

also, #selector is just a dummy selector, and you should change it to suit your HTML

[mahi poi no ka oi]

Alright I just tried the following simple code

#about * {opacity:1.0}

with the #site opacity set to .4 and it didn't seem like it made any difference at all.