Php 透明菜单

我试图在网上进行研究，但什么也找不到。 我正在尝试更改菜单，使其位于我的背景图像后面，如本网站上所示：

如何更改css以将其应用于菜单

.holder{
width:960px;
margin:0 auto;
overflow:hidden;
position:relative;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#nav{
background:#fefefe;
padding:15px;
}

#nav .clearfix.mobile{
display: none;
}

#nav .nav-toggle{
/* margin:10px; */
display:none;
float:right;
}

#nav #nav-topmenu{
margin-top:5px;
}

#nav #nav-topmenu ul li{
list-style:none;
display:inline-block;
vertical-align:middle;
background:url(../img/bg-nav.png) no-repeat 0 4px;
padding: 0 19px;
line-height: 17px;
margin:0;
}
#nav #nav-topmenu ul li:first-child{background:none;}
#nav #nav-topmenu ul li a{
font-size:14px;
font-weight: normal;
line-height:14px;
}

#nav #nav-topmenu-mobile ul li{
list-style:none;
padding:10px 20px;
margin:0;
border-bottom: 1px solid #ccc;
}
#nav #nav-topmenu-mobile ul li:first-child{background:none;}
#nav #nav-topmenu-mobile ul li a{
font-size:50px;
font-weight: normal;
line-height:50px;
/* color:#fff; */
}

#nav #nav-topmenu-mobile ul li select{
-webkit-appearance: menulist-button;
height: 50px;
width: 210px;
font-size: 30px;
}

#nav .popover{
min-width: 300px;
left:75% !important;
top:55px !important;
}

#nav .popover .arrow{
left:260px !important;
}

<div class="hidden-xs" id="nav-topmenu">
            <select name='langs' class="lang-selector -form-control pull-right">
                <option value="1" <?php if(LANG_ID == 1) echo "selected='selected'" ?> data-lang="en">
                    English
                </option>

                <option value="2" <?php if(LANG_ID == 2) echo "selected='selected'" ?> data-lang="fr">
                    Français
                </option>

                <option value="3" <?php if(LANG_ID == 3) echo "selected='selected'" ?> data-lang="es">
                    Espa&ntilde;ol
                </option>
            </select>
            <ul>
                <?php
                if(!Members_Factory::getRowByAuth() || Members_Factory::getRowByAuth()->is()):
                ?>
                    <li>
                        <a href="<?php echo $this->url(array(), "job")?>"><?php echo __("flexible")?></a>
                    </li>
                <?php
                endif;
                ?>
                <?php
                if(!Members_Factory::getRowByAuth() || Members_Factory::getRowByAuth()->isCompany()):?>
                    <li>
                        <a href="<?php echo $this->url(array(), "find")?>"><?php echo __("Find")?></a>
                    </li>
                <?php
                endif;
                ?>
                <li>
                    <!-- <a href="https://www.example.com/blog/"><?php echo __("Blog")?></a> -->
                    <a href="<?php echo $this->url(array("section" => "companies"), "how-it-works")?>" title="<?php echo __("How it works")?>"><?php echo __("How it works")?></a>
                </li>
                <li>
                    <a href="<?php echo $this->url(array(), "pricing")?>" title="<?php echo __("Pricing")?>"><?php echo __("Pricing")?></a>
                </li>
            </ul>
        </div>

.holder{
宽度：960px；
保证金：0自动；
溢出：隐藏；
位置：相对位置；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
#导航{
背景：#fefefe；
填充：15px；
}
#导航clearfix.mobile{
显示：无；
}
#导航。导航开关{
/*利润率：10px*/
显示：无；
浮动：对；
}
#导航#导航顶部菜单{
边缘顶部：5px；
}
#导航#导航顶部菜单ul li{
列表样式：无；
显示：内联块；
垂直对齐：中间对齐；
背景：url（../img/bg nav.png）不重复0 4px；
填充：019px；
线高：17px；
保证金：0；
}
#nav#nav topmenu ul li:第一个孩子{背景：无；}
#导航#导航顶部菜单ul li a{
字体大小：14px；
字体大小：正常；
线高：14px；
}
#导航#导航topmenu移动ul li{
列表样式：无；
填充：10px 20px；
保证金：0；
边框底部：1px实心#ccc；
}
#nav#nav topmenu mobile ul li:第一个孩子{背景：无；}
#导航#导航topmenu移动ul li a{
字体大小：50px；
字体大小：正常；
线高：50px；
/*颜色：#fff*/
}
#导航#导航顶部菜单移动ul li选择{
-webkit外观：菜单列表按钮；
高度：50px；
宽度：210px；
字体大小：30px；
}
#导航府绸{
最小宽度：300px；
左：75%！重要；
顶部：55px！重要；
}
#导航，波普，箭头{
左：260px！重要；
}
在样式表内部，您需要为菜单的各个部分创建一个类或id

因此，菜单本身所在的框将为您的类或id设置一个
opacity
属性

然后您可以使用实际菜单项的id，并用
覆盖它们的不透明度！重要信息
在属性末尾调用。
在该页面上，菜单位于背景图像的“后面”的什么位置？如果菜单在背景图像后面，你会怎么看呢？看这个例子，这正是我想做的：是的，我确实看到了。我在他们的背景图片后面看不到任何东西（如果被另一张图片覆盖，你也不会看到）。我看到顶部的菜单将背景向下移动一个div。这就是你说的吗？我想让我的菜单拍摄背景图像。它是透明的，我们只能看到文本。我试过背景色：透明，但它不起作用。它已经是这样了。我尝试了不透明度，但应用不正确。你能把代码放到JSFIDLE中让我看一下吗？很抱歉耽搁了。我只收到了那个信息。我只知道错误是什么，但不知道如何解决它。我想做的更改在我的index.phtml中。我有一个在layout.phtml中调用的文件header.phtml。我只希望我的标题在索引上有所不同。我想问题出在哪里了。新问题的链接是。总而言之，在我的布局中，标题是第一位的，然后我就有了文章。我需要将我的文章中的图片颠倒过来才能登上顶部。问题是，我只希望在索引中进行更改：