Question

我正在帮助我的兄弟为他的生意建立一个网站，我遇到了麻烦。在某些浏览器中，超链接变为白色，因此不可见。更令人费解的是，它在Firefox中是白色的，但在色情模式下浏览时却没有se this screenshot. (1)（这让我觉得问题已经消失了，但是由于缓存的错误刷新。）链接有效，如果你知道的话在那里你可以点击它（或者如果在平板电脑或手机上点击它），但你看不到它。

index.html（2）的HTML

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

Answer 1

在您访问该链接后，您将点击此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;
}

链接在某些浏览器中变为白色

1 个答案: