Question

我一直在创建一个简单的网站（目前只有一个页面）来显示一些基本信息。此站点还包含几个链接，用于将用户引用到可下载内容（2个指向PDF的链接和一个指向zip文件的链接）。

如果用户无法运行JavaScript（网站的多个功能需要），则使用display:none CSS属性隐藏这些链接，就像我的大部分页面一样。然后会在<noscript>标记中显示一条消息，通知用户他们没有看到脚本内容的原因。当我在我的个人计算机上预览文件而没有托管它们时，这一切都完美无缺。

我的问题是在GoDaddy.com网站上托管之后发生的。现在，每当调用<noscript>时（无论浏览器如何），我网站上的每个链接都被拉出并推到用户可以看到它的左上角。 CSS样式似乎不会影响这些链接，我无法弄清楚如何摆脱它们。

我该如何解决这个问题？最重要的是，除非我再次将它们设置为可见，否则如何使链接消失？

这是我的<noscript>标记，位于页面底部：

<noscript>
    <div class="scriptError">
        <h1>Javascript is disabled!</h1>
        <div id="noScriptNotice">
            <p>This site works best with Javascript enabled. A 'noscript-friendly' version is currently in progress, but for now please enable Javascript to view the contents.</p>
        </div>
    </div>
</noscript>

其他所有内容（包括链接）都在这个div中：

<div class="scriptedContent" style="display: none;">
<script>
    //If scripting is enabled, display the site.
    $(".scriptedContent").css("display", "block");
</script>

Answer 1

如果它在您自己的本地主机上工作，而不是Godaddy.com，您应该首先尝试提交支持服务单，看看是否提供任何帮助。

重新显示的链接，看看您是否可以将此CSS样式应用于您要隐藏的链接：

font-size: 0;
text-decoration: none;

这应该是隐藏链接的技巧，也就是说，如果你的CSS完全影响它们。如果没有，请尝试“右键单击＆gt;查看页面的来源”，然后查看并比较您自己的来源。

替代方法，如果不起作用： 尝试使用以下链接（在HTML代码中）创建链接：

<a href="#" style="display:none;"> Text </a>

并查看是否会阻止他们覆盖您的样式。

为什么我的页面中的隐藏链接仍然出现在noscript标签中？

1 个答案: