Cakephp 更改页面中的背景图像

Cakephp 更改页面中的背景图像,cakephp,background-image,navbar,Cakephp,Background Image,Navbar,我有一个问题,我不知道如何解决它。我的navbar容器中有一个背景图像(在CCS文件中),当我访问网站的特定部分时,我需要更改该图像。 如果我的导航栏在所有网站上都相同,我不知道如何更改背景图像 谢谢你阅读我的文章,欢迎任何帮助 HTML代码: <div id='navbar-container'> <div class="topnav" id="navbar"> <ul> <li class='navbtn border'>

我有一个问题,我不知道如何解决它。我的navbar容器中有一个背景图像(在CCS文件中),当我访问网站的特定部分时,我需要更改该图像。 如果我的导航栏在所有网站上都相同,我不知道如何更改背景图像

谢谢你阅读我的文章,欢迎任何帮助

HTML代码:

<div id='navbar-container'>
  <div class="topnav" id="navbar">
    <ul>
      <li class='navbtn border'>

您可能需要对导航条形码做一些处理,以便它在站点的特定部分使用不同的类(例如),或者更改布局,以便它在DOM中添加更高级别的内容,您的CSS可以从中获取(例如,向主体添加一个类,然后可以使用该类覆盖标准的navbar样式,如
.navbar{background:where}body.admin.navbar{background:other_thing}
)。您可以分享与navbar容器对应的HTML代码以及相应的CSS规则吗?我想在我的navbar中添加一个类,但该类每次都被使用,而不仅仅是在特定页面中。您需要对navbar代码做一些处理,以便它使用不同的类(例如)在站点的特定部分,或者更改布局,以便它在DOM中添加更高级别的内容,CSS可以在其上获取这些内容(例如,向主体添加一个类,然后可以使用该类覆盖标准的navbar样式,如
.navbar{background:where}body.admin.navbar{background:other_thing}
)。你能分享与navbar容器对应的HTML代码以及相应的CSS规则吗?我想在我的navbar中添加一个类,但该类每次都被使用,而不仅仅是在特定的页面中。
#navbar-container {
  background-image: url("image");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 10000px inset;
  min-height: 35vw; }
#navbar-container .container {
  display: flex;
  width: 60%;
  margin: 0 auto; }
#navbar-container .container .logo img {
  padding-top: 3em; }