How to Fake Background Opacity
The more observant among you will notice that the background of the website has changed recently. I love my butterflies but since I’ve been putting up a lot of pictures of art lately something had started to bug me.
The site is built with a simple centered container - I wanted the background of the website to show through but very faintly (at about 5-10% opacity). When you just have text this looks great, but as soon as you start to add photographs you start to run into problems - the background shows through the image - this is because the opacity effects everything within in.
For example if I have div id=”container” etc. with an opacity of 95% applied to it, all the child elements of thatdiv will also have opacity of 95%…There is however a CSS solution - a trick - you need to create two background images and position them very carefully.
Here are the detailed instructions and CSS.
December 21st, 2006 at
Man, you’ve been too busy. I want some more interesting blog posts
A taster of some crazy stuff you’ve been doing with Wordpress, or some new artwork you’ve been doing.
Anything!
December 21st, 2006 at
Well, my plugin will be ready soon - and I have just finnished a gorgeous lump of sculpture.
Perhaps I’ll do a bit of writing over the festive period…
December 21st, 2006 at
Yay for image gallery. I’m finishing mine up, and still getting some PHP errors. Argh!
That’s funny. The server time seems to be wrong.
December 22nd, 2006 at
Hurrah, PHP errors! Just what I needed today. Must get this image uploader to work…
I blame Xalibre though. It works fine locally
December 22nd, 2006 at
Booya! Did some CHMODing and that fixed it. Yay!