same page transparent intro

we are looking to place a semi-transparent welcome image on a clients Wordpress main index pag开发者_JS百科e, exactly like this http://www.editionsof100.com/.

I suspect this has been created using Jquery, would be possible to create something similar by adding to the CSS or index.php on WP?

This is quite simple, but pointless IMHO:

Create a div wherever you want the image located:

<div id="hello"><img src="http://tonkapark.com/projects/hello.png"></div>

Then you just use .fadeOut() on the element. Standard & simple jQuery

References:

• http://api.jquery.com/fadeOut/
• http://www.barelyfitz.com/screencast/html-training/css/positioning/

Have you tried using rgba values?

Example:

div { background: rgba(200, 54, 54, 0.5); }

If you need some animations, check out this cool css library which it is very easy to use.

enter link description here