gpt4 book ai didi

html - 从导航栏中删除黑色背景

转载 作者:可可西里 更新时间:2023-11-01 13:13:29 25 4
gpt4 key购买 nike

如何去除导航栏的黑色背景....我评论了使用 Firebug ,但我无法实现它....在下面提供我的代码....

http://jsfiddle.net/qvEnQ/1/embedded/result/

<div class="navbar navbar-inverse navbar-fixed-top" style="margin-top: 15px;">
<div class="navbar-inner">
<div class="container" id="expandingNavbar">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse" target="_self">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/" style="padding-top: 0px; margin-left: 0px;" target="_self">
<img alt="change" class="defieLogo" src="/images/defie_logo_only.png">
</a>

<div id="welcomeName">Welcome soojin!</div>
<div id="emailAccount">test10@defie.co<span style="color: #0074bd; position: relative;left: 67px;bottom: 33px;">[Log out]</span></div>

<div class="nav-collapse collapse" style="height: 0px;">
<ul class="nav">
<li style="padding-left: 107px;">
<a style="font-weight: bold;" href="/product.html" <?="$strClass_1" ?="" target="_self">&gt;
MENU
</a>
</li>

<li>
<a style="color: #9b365a;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;
<img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Vendors</a>
</li>
<li>
<a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 5px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Add New Vendor</a>
</li>
<li>
<a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 5px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Vendor List </a>
</li>
<li>
<a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 0px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Reports</a>
</li>

<li><a style="color: #9b365a;" href="/service.html" <?="$strClass_3" ?="" target="_self">&gt;
<img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Purchase Transactions</a></li>
<li class="iphonePartnerLink"><a style="color: #9b365a;" href="/partner.html" <?="$strClass_4" ?="" target="_self">&gt;
<img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Product Life cycle</a></li>
<li><a style="color: #9b365a;" href="/contact.html" <?="$strClass_5" ?="" target="_self">&gt;
<img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">RMA Transactions</a></li>
</ul>
<a href="#myModal" role="button" data-toggle="modal" target="_self">
<span style="color: black; font-weight: bold; font-size: 20px; position: relative; margin-left: 488px; ">Soojin</span> <span style="color: #0074bd;">[Log out]</span>

</a>
</div><!--/.nav-collapse -->
</div>
</div>
</div>

最佳答案

通过添加“background: transparent;”去除背景(或任何其他颜色)到类 .navbar-inner。

jsfiddle 中你的 css 第 7972 行

像这样:

.navbar-inverse .navbar-inner {
background: transparent;
}

(去除背景图像、背景重复和滤镜)

希望这对您有所帮助!

关于html - 从导航栏中删除黑色背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15582631/

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