gpt4 book ai didi

php - 仅在主页上透明的导航栏(Php 和 CCS)

转载 作者:行者123 更新时间:2023-11-28 10:44:53 25 4
gpt4 key购买 nike

我正在尝试使“主页”的导航栏透明,以便可以看到背景,而其他页面与非透明导航栏保持不变,我不知道在编辑要添加的 php 时应采取哪个方向类别页面,以便我可以编辑主页导航的透明度。我在哪里编辑 php?我希望有一个人可以帮助我。

这是 CCS:

* Top menu
*/
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
box-shadow: none;
}
.navbar {

}
.navbar-inner {
background-color: #000;
background-image: none;
padding: 0;
border: none;
border-radius: 0;
filter: none;
box-shadow: none;
padding-top: 25px;
padding-bottom: 15px;
/*-webkit-transition: all .6s;
transition: all .6s;*/
}
.navbar-fixed-top {
position: relative;
}
.navbar .brand {
margin: 0;
padding: 0;
}
.navbar .nav ul {
list-style: none;
}
.navbar .nav > .active > a,
.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:focus {
color:#fff;
box-shadow: none;
background: none;
}
.navbar .nav > li > a {
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
padding: 6px 15px;
color: #717171;
margin-right: 5px;
border-bottom: none;
-webkit-transition: all .6s;
transition: all .6s;
text-shadow: none;
-webkit-font-smoothing: subpixel-antialiased;
}
.navbar .nav > li:last-child > a {
margin-right: 0;
}
.navbar .nav {
display: inline-block;
float: right;
margin: 0;
}

.nav-collapse.collapse {
text-align: center;
}

.navbar .btn-navbar {
float: right;
color: #fff;
font-weight: 500
text-shadow: none;
background: transparent;
border: none;
filter: none;
box-shadow: none;
font-size: 16px;
margin: 20px 0 0 0;
padding-left: 0;
}
.navbar .btn-navbar .title {
display: block;
float: right;
margin-left: 10px;
margin-top: 1px;
}
.navbar .btn-navbar .icon-bar {
width: 20px;
height: 3px;
background-color: #26cdb3;
border-radius: 0;
box-shadow: none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
color: #26cdb3;
background: transparent;
}
/**

header PHP 是这样的(我不确定我是否应该编辑 header PHP

<?php do_action( 'before' ); ?>  
<div id="navbar" class="navbar navbar-fixed-top clearfix">
<div class="navbar-inner">
<div class="container"> <a class="brand" href="<?php echo site_url(); ?>"><img src="<?php echo get_header_image(); ?>" alt=""></a>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<div class="pull-left"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </div>
<span class="title"><?php _e( 'Menu', 'fencer' ); ?></span> </a>
<?php

最佳答案

好的,在查看该站点后,这是解决问题的最简单方法。

首先在 CSS 中创建一个具有透明背景而不是当前黑色背景的类。

.navbar-inner-home{
background-color: transparent;
}

现在在您的index.php 文件中更改 header 的

<div class="navbar-inner" style="transition: all 0.6s; -webkit-transition: all 0.6s; padding: 25px 0px 15px;">

<div class="navbar-inner-home" style="transition: all 0.6s; -webkit-transition: all 0.6s; padding: 25px 0px 15px;">

关于php - 仅在主页上透明的导航栏(Php 和 CCS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23030035/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com