鏈接在某些瀏覽器中變成白色

我正在幫助我的兄弟爲他的業務建立一個網站，並且我遇到了麻煩。超鏈接在某些瀏覽器中變成白色，因此不可見。更令人毛骨悚然的是，它在Firefox中是白色的，但在色情模式下瀏覽時沒有，se this screenshot. (1)（這讓我覺得問題已經消失，但是由於緩存刷新錯誤）。鏈接有效，如果你知道它在那裏，你可以點擊它（或在平板電腦或手機上點擊它），但看不到它。鏈接在某些瀏覽器中變成白色

HTML爲index.html的（2）

<html> 
<head> 
     <link rel="stylesheet" type="text/css" href="stil.css"> 
     <title>Albins glass och delikatesser</title> 
</head> 
<body> 
     <img alt="Albins glass och delikatesser" src="bilder/albinsglass.gif" style="width: 320px; height: 175px; display: block; margin: 0 auto;"/> 
     <div class="meny"> 
       <ul class="meny"> 
         <li><a href="index.html">Hem</a></li><li><a href="sortiment.html">Sortiment</a></li><li><a href="turlista.html">Turlista</a></li><li><a href="kontakt.html">Kontakt</a></li> 
       </ul> 
     </div> 
     <p>V&auml;lkommen till <i>Albins glass och delikatesser</i>, din lokala glassbil med god svensk kvalitetsglass fr&aring;n <i>Engelholms Glass</i> och smakrik lokalproducerad ostkaka!</p> 
     <p>Glassen tillverkas i &Auml;ngelholm av det svenska familjef&ouml;retaget Engelholms Glass. De satsar p&aring; h&ouml;gsta kvalitet och tillverkar gr&auml;ddglass med de b&auml;sta r&aring;varorna. <a href="http://www.engelholmsglass.se" target="_blank">L&auml;s mer om Engelholms Glass h&auml;r.</a></p> 
     <p>Ostkakan kommer fr&aring;n <i>Stellas Ostkaka</i> i Pil&aring;s! <a href="http://www.stellasostkaka.se" target="_blank">L&auml;s mer h&auml;r.</a></p> 
</body> 
</html>

CSS爲站點（3）

body { 
     max-width: 960px; 
     margin: 0 auto; 
     float: none; 
     font-family: "Arial", Arial, sans-serif; 
} 
a:link, a:visited { 
     text-decoration: none; 
} 
a:hover, a:active { 
     color: #FF9595; 
} 
.meny a:link, a:visited { 
     display: block; 
     width: 120px; 
     font-weight: bold; 
     color: #FFFFFF; 
     background-color: #00AEEF; 
     text-align: center; 
     padding: 4px; 
     text-decoration: none; 
     text-transform: uppercase; 
     font-family: "Times New Roman", Times, serif; 
} 
.meny a:hover, a:active { 
     background-color: #0066CC; 
} 
b { 
     font-weight: bold; 
} 
c { 
     text-align: center; 
} 
i { 
     font-style: italic; 
} 
p { 
     margin: 10px; 
     overflow: visible; 
} 
div.meny { 
     margin: 10px auto 25px; 
     width: 536px; 
} 
ul.meny { 
     list-style-type: none; 
     margin: 0 auto; 
     padding: 0; 
     overflow: hidden; 
} 
.meny li { 
     display: inline; 
     float: left; 
}

在考慮中的站點（4）（瑞典） http://www.albinsglass.se

請注意，由於新帳戶的限制，我顯然不能包含兩個以上的鏈接。 Here's a link to a pastebin with the four links i mentioned.

LLAP！

來源

2015-06-04 David Assholehoff

一旦你訪問你打這個CSS選擇器'.meny一個鏈接：鏈接，答：訪問{'這說明顏色應該是白色的（PS如果包含HTML，這個問題中的CSS我們將不需要鏈接到它） – scunliffe

色情模式隱身模式又沒有保存嗎？ – Mathemats

是的，它是在私人模式下瀏覽自己的上下文，而不是「知道」你是否在常規模式瀏覽器中訪問過鏈接。 – scunliffe

一旦你訪問了鏈接，你正在擊中這個CSS選擇器.meny a:link, a:visited {，它說明顏色應該是白色的。

您可以將CSS更改爲任何您想要的顏色，或提供單獨的CSS規則。

我會改變這樣的：

.meny a:link, a:visited { 
     display: block; 
     width: 120px; 
     font-weight: bold; 
     color: #FFFFFF; 
     background-color: #00AEEF; 
     text-align: center; 
     padding: 4px; 
     text-decoration: none; 
     text-transform: uppercase; 
     font-family: "Times New Roman", Times, serif; 
}

到：

a:visited{ 
    color:#990099;/* Change this to whatever color you want your plain links to be */ 
} 
.meny a:link, .meny a:visited { 
      /* ^^^^^--This specifies that only links *within* your menu are styled here */ 
     display: block; 
     width: 120px; 
     font-weight: bold; 
     color: #FFFFFF; 
     background-color: #00AEEF; 
     text-align: center; 
     padding: 4px; 
     text-decoration: none; 
     text-transform: uppercase; 
     font-family: "Times New Roman", Times, serif; 
}

來源

2015-06-04 23:34:08 scunliffe

謝謝！我現在看到，我忘記了逗號後的課程。 –

鏈接在某些瀏覽器中變成白色

回答

相關問題