时间戳

首页 > 解决方案 > 在标题菜单中排序 CSS

javascript - 在标题菜单中排序 CSS

问题描述

我想将网站从 TYPO3 移动到 Wordpress。我的网站快完成了，但是标题菜单有问题。单击原始网站上的特定页面时，我的标题应该具有较暗的背景。在我的 WordPress 测试网站上，只有首页的背景才会变暗。

这是你访问原网站和我的测试网站时背景的样子：

头版背景

这是单击“主页”旁边的“Angebote”时的样子：

第二页背景

但相反，它与第一张图片相同，尽管它显示了正确的内容。

由于我一直在根据自己的喜好设计网站，因此我不得不使用检查器工具来修复一些错误，所以在这种情况下我也这样做了，但我不知道如何在不同页面上订购背景颜色. 我也研究了 HTML 代码。由于标题菜单是自制的，我无法查找。

这是标题菜单的 HTML 代码的一部分：

ul.navigationboxL {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
  margin-right: 10px;
  list-style-type: none;
  width: 700px;
  height: 32px;
  border-radius: 10px 10px 0px 0px;
  /*background-color: #00E12D;*/
  overflow: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,eaeaea+54,c4c4c4+100,8ea6a2+100,829d98+100,4e5c5a+100,4e5c5a+100,4e5c5a+100 */
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#4e5c5a', GradientType=0);
  /* IE6-9 */
}
<div class="Headermenubox">
  <ul class="navigationboxL">
    <li><a class="aktuell" title="Home" href="http://ten.nis">| Home</a></li>
    <li><a title="Angebote" href="http://ten.nis/?page_id=29">| Angebote</a></li>
    <li><a title="Sponsoring" href="http://ten.nis/?page_id=31">| Sponsoring</a></li>
  </ul>

我尝试在检查器工具上弄​​乱 CSS，但它不起作用。任何形式的帮助或建议表示赞赏。

标签： javascripthtmlcsswordpress

解决方案

推荐阅读