

What looks good for your text links need not necessarily do your images any favours.
I am using a solution that should work for many modern browsers (not till IE8), so this is a catch.
Instead of a:hover{} I use a:not(img) a:hover{text-shadow:whatever;transform:something;etc:etc;} of course, this is going to create problems with a vast percentage of visitors still using < IE9, which apparently supports :not()
So, my workaround is to use CSS3 effects that IE is unable to render to style text links. If the effects are rendered, they are also not rendered on image links. Otherwise, I style them in a back up manner, which may not be my heart's desire, but will also not wreck the look of my images. One good way is to change the link color and use text-decoration.
No comments:
Post a Comment