如何将菜单按钮放在菜单栏背景上

Question

我在这里以及谷歌搜索过此内容，似乎无法使其正常运行。我试图将图像直接放在另一个上面。这是网站的菜单。我尝试过使用z-index，我认为我使用的是错误的。所以我试图简单地将一个图像设置为div的背景。

这是我目前的代码： 首先是html：

<center>
<div id="menu1">
        <a href="index.php"><img id="homebutton" src="./images/newmenu/homebutton1.png"></a>
        <a href="register.php"><img id="registerbutton" src="./images/newmenu/registerbutton1.png"></a>
        <a href='login.php'><img id="loginbutton" src="./images/newmenu/loginbutton1.png"></a>
        <a href="about.php"><img id="aboutbutton" src="./images/newmenu/aboutbutton1.png"></a>

现在是css：

     div#menu1{
            background-image: url('./images/newmenu/menubar.png');
     }

不显示背景图像，它是带有渐变的实心红条。这是该页面的屏幕截图。

正如您可以看到按钮加载但背景没有。如果有人能告诉我我做错了什么，我们将不胜感激。

Answer 1

您的链接中包含图片（我假设的导航文字）。这些图像的背景将出现在背景图像上，因此无法看到背景图像。

Answer 2

必须在发现原因后完全改变问题。