Yup. Just be sure to apply the transparency classes to the image itself, not the div. Otherwise they’ll both fade in tandem and it’ll just look washed out. You can change the opacity values (at 0.5 in the example) to whatever setting suits you best (i.e. how much pink you want to show through). Hope this helps!
What you have suggested has work. But not for all images with an anchor link
I have the sidebar images working because i put an empty div in which had a background to it and then just faded the image that was on top of it down on the hover.
But when i try the same on my main content images they are floating to the left. So i thought by floating them to the right all my problems would be solved. Well not really as they seem to now overlap one another and not respecting the margins given to them. EEk!!!