Viewing Page colour opacity

Page colour opacity



User: Ken H. 11 years ago
I use to work in iWeb and was able to make the page colour opaque so the browser background image could just be seen through the page colour, does anyone know if this can this be done in Everweb? and how. Help please Ken H.
User: Jumbo T. 11 years ago
Use this in the Header Code Box

<style>
div.container{opacity: 0.5}
</style>

where the number is from 0 to 1 in .1 steps.

More here :

http://www.w3schools.com/css/css_image_transparency.asp

Note that opacity is the opposite of transparency. More opacity is less transparency. Just like paint.
User: Ken H. 10 years ago
Thank you for this code, 0.96 is just enough not weaken the images, great Ken H.
User: Roddy 10 years ago
Strictly speaking, you should use the background selector with an RGB color, opacity and a fallback color.

<style type="text/css">
div.container{background:#000000;background:rgba(0,0,0, 0.50)}
</style>

This part of the code - (0,0,0, 0.50) - has the R, G and B color numbers and the opacity.

Since you are using HTML4, you should include the style type in the opening style tag too.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.