We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Dette websted vil have begrænset funktionalitet, mens vi gennemgår vedligeholdelse for at forbedre din oplevelse. Hvis en artikel ikke løser dit problem, og du vil stille et spørgsmål, har vi vores supportfællesskab, der venter på at hjælpe dig på @FirefoxSupport på Twitter og/r/firefox på Reddit.

Avatar for Username

Søg i Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Læs mere

Denne tråd blev arkiveret. Stil et nyt spørgsmål, hvis du har brug for hjælp.

Why won't my image link display in Firefox unless link path is invalid?

  • 3 svar
  • 26 har dette problem
  • 1 visning
  • Seneste svar af cor-el

amanthar
amanthar
more options

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?
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: <div id="resto1Sp"> <a href="pages/resto1.html" target="self"></a> </div> 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?

Valgt løsning

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

Læs dette svar i sammenhæng 👍 0

Alle svar (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Valgt løsning

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

amanthar
amanthar Spørgsmålsstiller
more options

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!!!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome