1

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

这些链接，就像我的大部分页面一样，display:none如果用户无法运行 JavaScript，则使用 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>
4

1 回答 1

1

如果它在您自己的本地主机上运行，​​而不是在 Godaddy.com 上运行，您应该首先尝试提交支持票以查看是否提供任何帮助。

重新出现的链接，看看您是否可以将此 CSS 样式应用于您尝试隐藏的链接：

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

这应该可以隐藏链接，也就是说，如果您的 CSS 完全影响它们。如果没有，请尝试在页面的“右键>查看源”，然后查看并与您自己的源进行比较。

如果这不起作用，则另一种方法： 尝试使您的链接（在 HTML 代码中）类似于以下内容：

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

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

于 2013-04-15T02:17:01.593 回答