Image Hover - Reverse Opacity

Hi Guys,

I'm trying to make the image opacity rollover be reversed so that basically the images start with the opacity at 0.5 but when you rollover them it turns to 0 so you see the image properly. Basically the complete opposite of what I have now. Is it possible? I would like the text to be showing when you're not on it but when you rollover it, the read more and + button shows.

Here is the site with the images:

Hopefully that makes sense and someone can help me out Smile

If you guys need the css code I can add it no problem.

Image rollover for menu with varying length

Hi all,

I'm trying to implement an image rollover for the navigation menu on my site, but am having trouble recreating what the original theme creators did. The original image is here: You can see that there's a large space in the image which the original designers were able to remove so that the image would resize accordingly depending on the length of the text for the menu item.

Image Rollover Help

So I can't figure out what's going on here, i have the top menu of my website as rollover images. For some reason, if you click on the "packaging" page, and roll over "packaging," the rollover image for "print" will activate. The only time it doesn't do this is on the first and last links (identity and other). I loaded it onto my website... any help will be much appreciated since I can't seem to figure it out! Sad


Can CSS be used to create an SEO friendly image rollover that reveals text on mouseover?

We're creating a website for someone at the moment and against our better judgement, they want the splash/homepage to be a layout of large images of their projects that then links through to the main site. This is obviously very SEO unfriendly as there will be no text whatsoever on the page. We normally do image replacement CSS rollovers, but is there a way that we can use CSS so that when you rollover the image, there is a paragraph of text behind it, with links etc?

Help with navigation bar links rollover

I am fairly new to CSS and I am having touble with my navigation bar's links.
I simply want the image to change to a different image when you mouseover.

Heres the code that is obviously wrong:

#menu {
	width: 654px;
	height: 50px;
	margin-right: auto;
#menu_blog {
	float: left;
	width: 109px;
menu_blog.rollover {

And here is the HTML:

<div id="menu">

Syndicate content