Question

好的，我的导航按钮用于显示，但现在不是。我没有使用javascript或任何“花哨”的东西。在Dreamweaver中，他们会显示jsfiddle，但是当我通过firefox / internet explorer打开网站时，我的导航按钮就是幽灵。我还通过http://validator.w3.org/

验证了该网站

JSFiddle链接： https://jsfiddle.net/3c7yky0z/

以下是示例：

Dreamweaver中：

的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）中看到的原始小提琴：

不显示简单的HTML导航按钮

1 个答案: