html - 链接在某些浏览器中变白-6ren

html - 链接在某些浏览器中变白

转载作者：太空宇宙更新时间：2023-11-03 17:30:38

26

4

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

index.html 的 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!

最佳答案

一旦您访问了您正在点击此 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;
}

关于html - 链接在某些浏览器中变白，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30655839/

26

4

0

文章推荐： python - 如何提取扩展名并保存而不重复？

文章推荐： c# - 代字号运算符在 C# 中是如何工作的

文章推荐： ruby - 简单的比较程序(用于数字)将字母视为相等？

文章推荐： python - 根据不同文件夹中的名称重命名文件夹中的文件

android - 共享元素过渡 imageview 变白
我正在使用 RecyclerView 到 ViewPager 共享元素转换。问题是，当 viewpager 被分页到另一个图像时，在返回到 recyclerview 后，首先被动画化的 imagevi
javascript - WebView 变白/空白
我正在使用 WKWebView 在我的应用程序中显示谷歌地图。这是网址:http://ec2-54-198-148-171.compute-1.amazonaws.com/map_question.h
vba - 如何防止宏使 Excel 窗口卡住/变白？
因此，在工作中，我正在为某人编写 Excel 中的宏/用户表单。它工作得很好(我认为)，并且完全完成了它需要做的事情，并且运行时间不到 1 分钟，遍历了大约 70k 个单元并组织它们。现在我想知道是否
ios - UITableViewCell 重新加载后 MKMapView 变白
我有一个嵌入到 UITableViewCell 中的 MKMapView。有时，该部分会重新加载。问题是当刷新发生时， map 单元决定突然变白。这是基本代码 - (void)viewDidLoad
java - Android:使屏幕 "flash"变白
我想让我的 android 屏幕暂时“闪烁”白色(仅一次)。它需要足够长，以便用户能够分辨出屏幕确实变白了。用户将登陆一个屏幕，该屏幕将在 5 秒后闪烁白色，然后再次显示原始屏幕(可能从白色逐渐消失
Android:对话框关闭后 ICS Webview 变白
在 ICS 上(据我所知)，当我在 web View 中打开一个单选元素或另一个对话框元素时，一旦该元素关闭，我就会得到一个白屏，单选框除外。元素仍然可以在 webview 中点击，一旦点击，它们就会
java - 画完 Canvas 后如何使 Canvas 变白？
我正在 Canvas 上正确绘图并将其保存为位图。但是，我想通过单击按钮将 Canvas 重置为白色。这是我的代码: public class Canvas extends View { P
ios - cocos2d setOpacity 在 CCRenderTexture 上使用时使 Sprite 变白
我有一款游戏最初是在 XCode 中使用 cocos2d v2.x 编写的(未使用其他实用程序)。我一直在将其移植到 Spritebuilder 项目，并因此移植到 cocos2d V3.x。我遇到
c# - 在带有简单着色器的 XNA 4.0 中使 Sprite 变白(alpha 问题)
在 Tint Sprite White 使用简单着色器示例代码位于 Sprite Effects Sample ，我已将着色器的 .fx 文件加载到示例项目中，并替换了其中一个 Draw() 调用中的

首页

博学

6Ren·AI

商城

html - 链接在某些浏览器中变白