Support Thread - Responsive Color Changes for 155

[Feznizzle]

Very educational, thanks!

I fiddled with your site. Tagging indexDefaultMainContent with the white rgba worked right out of the bag, of course. But interestingly (to me), I couldn't get the same effect with hex. I could have sworn I'd been able to achieve similar translucency with hex before. The hex for white is #FFFFFF and adding 33 (#FFFFFF33) should have gotten me there, but I couldn't do it. Maybe I used a webkit or something before? Or maybe I was thinking about applying translucency to layers in photoshop, totally unrelated to CSS. Dunno.

Anywho, rgba has firmly proved it's value to me! :)

[dbltoe]

Translucence is often misused when talking about transparency. Transparency is generally associated with clear. The more correct term for how well you can "see" through something is opacity.

Where you may be confused is that, in order to have 20% opacity in the #FFFFFF, the 33 is added at the beginning rather than at the end AND the result should be eight (8) versus six (6) characters. Had you entered #33FFFFFF, it would have worked IF your browser supported it.

It is the old method and doesn't give the non-compatible browser any alternative. Another reason for the dual calls in the css.

Mentioned it in an earlier thread but, http://tinyurl.com/y929h5f6 is a good read. Especially near the end of the article. Click on View Demo just before the Conclusion.

[Feznizzle]

My browser must not support it because that's how I had it originally, with 33 in front.

Fabulous article, hit the nail right on the head. And the demo was highly cool, thanks!