Why won't my image link display in Firefox unless link path is invalid?
I am trying to code this site and everything was fine until I created the pages named in the a href's of the large pictures:
<a href="pages/resto1.html" target="self"></a>
When the file is created and path is correct, link image disappears. When the path/name is incorrect or the file does not exist the image appears. Works fine in Safari and Chrome. Firebug gives a href line as grayed out/element not visible. What gives please?
الحل المُختار
You use #resto1Sp a:link (:link means unvisited) , so if the link has been visited then a:visited would apply and you won't see the background image and to see that image once again you need to clear the history. So just leave out the :link and only use :hover in the CSS rules.
See http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes
Read this answer in context 👍 0All Replies (3)
الحل المُختار
You use #resto1Sp a:link (:link means unvisited) , so if the link has been visited then a:visited would apply and you won't see the background image and to see that image once again you need to clear the history. So just leave out the :link and only use :hover in the CSS rules.
See http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes
Oh duh. I literally stared at this all day and I did not even catch that. Thank you thank you thank you thank you thank you!!!
You're welcome