I added thumbnails to the footer of my web page. The images are darker but when rolled over with a mouse they go lighter.
How can I change the roll over to be normal brightness but darken when moused over.

You can see the thumbnails at the footer here : www.commericalindustrialphotographer.com

Edited by

Try editing your theme and in the section to add additional CSS add this:

#footer img {
filter:alpha(opacity=100);
opacity:1 !important;
}

Edited by

I added it below script already there and nothing appears to have changed.

Edited by

Looks like you have added some javascript in the additional CSS which is causing that code not to work. Javascript doesn't belong there and actually not doing anything. You need to remove this code:


<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);

</script>

Edited by

Okay I removed the script and all works well now. One final question. If I wanted the mouse rollover on an image to slightly darken, what would the script be?

Edited by

#footer img: hover {
filter:alpha(opacity=80);
opacity:.8 !important;
}

Edited by