简单 HTML 导航按钮未显示

Question

好的，我的导航按钮曾经显示，但现在不显示了。我没有使用 javascript 或任何 "fancy" 之类的东西。它们在 Dreamweaver 和 jsfiddle 中显示，但是当我通过 firefox/internet 资源管理器打开站点时，我的导航按钮是幻影。我还通过 http://validator.w3.org/

验证了网站

JSFiddle Link: https://jsfiddle.net/3c7yky0z/

示例如下：

织梦者：

jsfiddle：

火狐：有什么想法吗？

    nav {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 1em;
    }
    nav a {
        padding: .25em 5em;
    }
    nav a:hover {
        font-size: larger;
    }
    header, section, footer, aside {
        padding: .5em
    }
    header {
        padding: 3em;
        height: 330px;
        margin: 0;
        background-color: #a39b90;
        position: relative;
        background-image: url(/images/CrystalCoastBanner.jpg);
        background-repeat: no-repeat;
        background-image: url(../images/CrystalCoastBanner.jpg);
        background-repeat: no-repeat;
    }

    <body>
    <header style="text-align:center">
    <a href="http://pbernhardt.mydevryportfolio.com/wgd232/index.html"><h1> Crystal Coast Theater.
    </h1></a>
    <nav style="text-align:center">
    <a href="http://pbernhardt.mydevryportfolio.com/wgd232/index.html">Home</a>
    <a href="http://pbernhardt.mydevryportfolio.com/wgd232/event.html">Events</a>
    <a href="http://pbernhardt.mydevryportfolio.com/wgd232/ticket.html">Tickets</a>
    <a href="http://pbernhardt.mydevryportfolio.com/wgd232/contact.html">Contact us</a>
    </nav>
    </header>

Answer 1

你的导航元素上有这个：

nav {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 1em;
}

如果向下滚动，您会找到它，就在该定位所在的位置。

Demo sans those styles

关于您的评论，这是我在 Firefox（和 Chrome）中看到的您原来的 fiddle：

简单 HTML 导航按钮未显示

Simple HTML nav buttons aren't displaying

html

css

nav