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

我已经在这里和谷歌上搜索过了，但似乎无法让它工作。我试着把图像直接放在另一个上面。这是网站的菜单。我试过使用z指数，我认为我用错了。因此，我试图简单地将一个图像设置为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>

背景图像是带有渐变的实心红色条，不会出现。这是该页面的屏幕截图

---

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

您的链接中有图像（我假设带有导航文本）。这些图像的背景将显示在您的背景图像上，因此您的背景图像将不会被看到。

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

我所有的图像都是png，因此这不应该是问题。此外，链接不会覆盖背景的整个宽度。事实上，它被设置为背景图片应该不会成为一个问题。该目录中还有我的wordpress，用于父站点。出于某种原因，它似乎在使用wordpress css文件。问题在于css。它使用的是wordpress sytle.css，我为该站点重命名了css文件。之后，所有图像都正常工作。

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