无法在导航栏中按文本长度扩展下拉菜单背景
在导航栏中按文本长度扩展下拉菜单背景是一种常见的前端开发需求，可以通过CSS和JavaScript来实现。
首先，我们可以使用CSS来设置下拉菜单的样式。可以使用position: relative;来设置导航栏容器的定位，然后使用position: absolute;来设置下拉菜单的定位。通过设置top和left属性来控制下拉菜单的位置。接着，可以使用width属性来设置下拉菜单的宽度，以适应文本的长度。为了实现背景的扩展效果，可以使用background-color属性来设置背景颜色，并设置padding属性来增加背景的宽度。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
.navbar {
position: relative;
background-color: #f2f2f2;
height: 50px;
}
.dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #f2f2f2;
padding: 10px;
display: none;
}
.dropdown-item {
padding: 5px;
}
.dropdown:hover .dropdown-item {
display: block;
}
</style>
</head>
<body>
<div class="navbar">
<div class="dropdown">
<div class="dropdown-item">菜单项1</div>
<div class="dropdown-item">菜单项2</div>
<div class="dropdown-item">菜单项3</div>
<div class="dropdown-item">菜单项4</div>
</div>
<span>下拉菜单</span>
</div>
<script>
var dropdown = document.querySelector('.dropdown');
var navbar = document.querySelector('.navbar');
navbar.addEventListener('mouseover', function() {
dropdown.style.display = 'block';
});
navbar.addEventListener('mouseout', function() {
dropdown.style.display = 'none';
});
</script>
</body>
</html>上述代码中，我们创建了一个导航栏容器.navbar和一个下拉菜单容器.dropdown。当鼠标悬停在导航栏上时，下拉菜单会显示出来；当鼠标离开导航栏时，下拉菜单会隐藏起来。通过设置.dropdown的宽度为100%，可以使其自适应导航栏的宽度。通过设置.dropdown-item的样式，可以自定义下拉菜单中每个菜单项的样式。
对于这个需求，腾讯云没有特定的产品与之对应。然而，腾讯云提供了丰富的云计算产品和解决方案，可以满足各种需求。您可以参考腾讯云官方文档来了解更多关于腾讯云的产品和服务：腾讯云产品文档。
相关·内容
25回答
我当前的应用程序运行在iOS 5和6上。
导航栏的颜色是橙色，状态栏的背景颜色是黑色，文字是白色。但是，当我在iOS 7上运行相同的应用程序时，我观察到状态栏看起来是透明的，具有与导航栏相同的橙色背景颜色，并且状态栏文本颜色为黑色。
因此，我无法区分状态栏和导航栏。
如何使状态栏与iOS 5和6中的外观相同，即背景颜色为黑色，文本颜色为白色？我怎样才能以编程的方式做到这一点？
浏览 14提问于2013-09-28得票数 92
在我的应用程序中，我希望将图像设置为导航栏的背景，同时我希望在导航栏的左角显示日期。我可以将背景图像设置为导航栏，但我无法将文本放在导航栏的左角。提前感谢
浏览 0提问于2010-11-11得票数 0
我正在使用Bootstrap css的导航栏，它来了非常好。但是宽度看起来很大，我想要减小它(也要确保它在其他视口中也能得到同样的缩小/调整)，并减小导航栏下拉菜单下的选项面板/文本大小。
我使用了下面的css类
导航条导航条-默认导航条-固定-顶部导航条-反向
导航栏是黑色的(给人惊喜的效果)和一些需要的东西，但下拉菜单下的所有选项都是白色的。如何将这个白色背景变成黑色？有没有已经准备好的引导程序类？
如果navbar-inverse可以使顶部导航栏变为黑色，那么一定有一些类可以为相同导航栏下的下拉面板选项提供相同的效果
我希望在这一点上避免自定义css来实现这一点。
谢谢，法拉兹
浏览 2提问于2014-04-27得票数 0
我正在使用v4和v7支持库来集成我的应用程序中的操作栏和导航抽屉，它支持API 10+。
我遵循关于的指南，分别使用Theme.AppCompat和style/Widget.AppCompat.ActionBar作为主题和操作栏样式的父样式。
一切都很好，除非我在姜饼设备上测试，比如下拉菜单/弹出菜单有一个白色的背景(手机皮肤)，文本字段不使用全息样式的背景(同样，使用手机皮肤)。
有什么额外的，我需要这样做，前霍洛设备继承全息风格的小部件？
提前谢谢。
浏览 0提问于2013-11-14得票数 6
回答已采纳
3回答
Flickr有一个华丽的设置视图控制器(即使他们把关闭按钮放在错误的一边！)我想知道我怎样才能达到类似的效果。
注意，导航控制器没有背景，但是它下面有一条阴影线来提供分离。底层模糊视图填充整个显示，包括状态栏下面。
您如何实现这一目标--如何删除UINavigationBar的背景？注意，您不能简单地删除背景，因为当您滚动文本时，文本将出现在导航栏中。
浏览 4提问于2014-11-26得票数 0
回答已采纳
我正在尝试在ios的文本字段中实现一个下拉菜单。
为此，我一直在尝试为文本字段实现此解决方案
上面的菜单栏适用于导航栏，但无法将其添加到文本字段中。
注意:在我的例子中我不能使用uipickerview。
浏览 5提问于2015-09-07得票数 1
我使用状态栏下面的导航栏设置了“关于”控制器。由于某些原因，我必须将视图的背景颜色设置为与导航栏相同的颜色，否则，状态栏的背景将为白色。这个技巧在其他设备上效果很好，但在iPhoneX的横向视图上就不行了。如下所示：
如果我将View的背景设置为白色，还会有其他问题：
1)状态栏为白色。
2)在横向视图上不扩展导航栏
看起来这是一个问题，因为我在视图中使用导航栏作为故事板结构，如下所示：
但我似乎无法将导航栏移动到与视图相同的级别。有什么想法吗？
浏览 2提问于2018-03-10得票数 3
我想在导航栏中制作下拉菜单，就像WhatsApp一样。一些下拉菜单在导航栏内，另一些在导航栏外。下拉菜单项的按钮不会触发外部导航栏，这是问题所在。 使用React导航，我为导航设置了navigationOption，从它的子级开始包含下拉菜单，这是选项卡导航栏，因为我想要它下面的选项卡导航栏，就像WhatsApp一样。我还设置了覆盖整个应用程序的透明TouchableHiglight。因此，如果我按下除菜单按钮以外的任何位置，它将隐藏下拉菜单。就像WhatsApp一样。这是我的React-Native应用程序的代码： class DropdownMenu extends React.Comp
浏览 17提问于2019-02-14得票数 0
1回答
我有一个带有悬停下拉菜单的导航栏。就在它的底部，我有一个相对定位的文本。当鼠标悬停在导航栏上触发时，下拉菜单会向下显示，但文本仍然显示在下拉菜单上方，而不是隐藏相对文本。
我知道我可以在悬停时用jquery触发一个hide()，但是有没有一种纯CSS的方法呢？
浏览 1提问于2012-12-11得票数 0
回答已采纳
我在UIViewController中有一个UITextField，它被推送到UINavigationController堆栈上。UINavigationController以modalViewController的形式出现。
如果在点击后退按钮时文本字段的状态为firstresponder (第一响应器)(即键盘已打开)，则视图将按其应有的方式弹出，但它会导致堆栈中所有其他视图控制器的导航栏错误:导航栏上的“后退”按钮具有错误的文本颜色且没有背景图像，标题消失，并且轻触其他自定义导航栏按钮没有任何效果。
我已经尝试在viewWillDisappear:和viewDidDisappear:中重
浏览 0提问于2011-10-10得票数 0
我当前的应用程序运行在iOS 4.2、5和6上。
导航栏为橙色，状态栏为黑色背景色。但是，当我在iOS 7上运行相同的应用程序时，我观察到状态栏看起来是透明的，与导航栏的背景颜色相同。
因此，我无法区分状态栏和导航栏。如何使状态栏与iOS 5和6中的外观相同，即背景颜色为黑色，文本颜色为白色？我怎样才能以编程的方式做到这一点？
我在google上搜索了一下，发现了一个建议，我必须添加一个黑色背景，大约20pix高的视图重叠在状态栏上，以提供黑色背景视图。我试过了，但没有成功。
有人能给我提供做这件事的代码吗？
浏览 0提问于2013-10-02得票数 1
我正在尝试自定义使用CSS导航条，但有问题，如何使子菜单的100%宽度。目前看来是固定的。当没有足够的空间显示整个菜单时，我也在试图找出如何使子菜单显示在下拉菜单的两边。
信息。目前，无论子菜单的大小如何，它们都会出现在菜单的右侧。
我尝试过在CSS中添加各种位置:并显示:标记。
海军条形码：
CSS代码：
/*****顶部菜单*/ .navbar {页边: 0；背景：#fff；边框: 0；-moz-边框-半径: 0；-webkit-边框-半径: 0；边框-半径: 0；}ul.nabar-导航{字体大小:14 5px；颜色：#888；文本转换:大写；}ul.nabar-nav
浏览 1提问于2019-01-30得票数 0
我的应用程序使用两种不同的背景，这取决于哪个屏幕是活动的。一般来说，状态栏是透明的，背景应该放在后面。根据背景的不同，我需要我的状态栏文本的颜色要么是光的，要么是黑暗的。
到目前为止，我使用了这个主题属性来获得状态栏的透明性(实际上它的半透明，但是如果有人知道如何使它透明，我们将不胜感激)
<item name="android:windowTranslucentStatus">true</item>
<item name="android:statusBarColor">@android:color/transparent&
浏览 14提问于2021-10-23得票数 1
回答已采纳
我正在尝试添加一个背景图片到一个div标签中，这个标签位于joomla自定义html模块中，负责t3 mega菜单中的下拉菜单。已经使用firefox开发工具找到了div标签。
div class=“导航-子菜单下拉菜单mega-下拉菜单”
想要更改为：
div图像“导航-子级下拉菜单mega-下拉菜单图像”背景图像:url(‘/class=/headers/style=_background.png’)“
但是我找不到相关联的文件来将更改保存到远程主机。请帮帮忙。
浏览 0提问于2017-03-27得票数 0
我有以下脚本来处理导航栏中项目的背景图像动画：
$j(function() {
$j(".menu-item").find(".bottom_nav").hover(function () {
$j(this).animate( {
backgroundPosition : '0px 35px'}
, 300); }
, function () {
$j(this).animate( {
backgroundPosition : '0px 0px'
浏览 0提问于2012-07-14得票数 0
回答已采纳
1回答
正如标题中所述，从链接图像中可以看到，从Xcode9开始，我缺少状态栏模拟指标下拉菜单。
无论项目是什么，这都是真的，所以我假设它不依赖于配置。
这个特性被移除有什么特别的原因吗？
在具有深色背景的视图中，无法更改状态栏模拟指标会导致深色状态栏文本不可读：
浏览 2提问于2017-11-09得票数 5
我已经在一个使用Xcode 11 (iOS 13)在故事板中定义了两个视图控制器的示例项目上测试了这一点。“呈现”视图控制器嵌入到导航控制器中，并在viewWillAppear中设置导航条颜色。“搜索”视图控制器在UISearchController中添加一个viewDidLoad，并由呈现视图控制器(非模态)推送。
使用此设置时，当显示搜索视图控制器时，导航栏将如预期的那样具有蓝色背景和红色色调。但是，当滚动和显示搜索栏时，导航条的背景色将丢失(或更改为默认的iOS灰色/半透明)。但是，如果您回滚(隐藏搜索栏)或专注于搜索栏文本字段，导航栏颜色将返回！
另外，如果您专注于搜索栏文本字段，然后
浏览 13提问于2019-10-22得票数 9
回答已采纳
1回答
我有以下导航栏：
对于后代来说，这是一种结构：
<div id="navBar">
<ul style="float: left; padding-left: 5px;">
<li>
<a href="#">A</a>
</li>
<li>
<a href="#">B</a>
</li>
浏览 6提问于2013-05-15得票数 0
回答已采纳
使用推特引导。在我的网站上，我有一个顶部导航栏，由链接组成，其中一些有dd菜单，有些只是静态链接。
我使用img而不是文本锚点来构建链接。
我想得到一个悬停效果应用到每个链接在导航栏。这是通过交换图像或在精灵中加载不同的背景位置来完成的。
我使用常规的方式指定导航栏，
<ul class="nav nav-pills">
<li class="dropdown" id="hifiMenu">
<a class="dropdown-toggle" da
浏览 0提问于2012-04-23得票数 1
回答已采纳
1回答
下面是我试图实现的一个例子：
如何在下拉菜单中创建文本表单。按照该示例，如何将登录(当前位于导航栏中)移动到下拉菜单，并仍然保留单击时所做的操作(但现在在下拉菜单中显示文本框和登录按钮)？
浏览 5提问于2015-08-08得票数 1
回答已采纳
4回答
我已经通过以下代码更改了导航栏的颜色
navconFvc.navigationBar.tintColor = [UIColor colorWithHexString:@"faf6f5"];
代码工作，但文本的颜色也需要改变(见下面的截图)。此外，右边的刷新按钮徽标也会受到影响。
如果我导航到堆栈中的另一个页面，也会出现同样的问题。
问题:如何更改
标题文本后退按钮文本和右栏按钮图标颜色？
在我改变了肚脐的背景色之后？
浏览 2提问于2011-07-24得票数 14
回答已采纳
我正在使用HTML和CSS为我的网站编写代码，我试图让导航栏后面的背景是半透明的，但我不希望整个导航/文本都是透明的。
该网站有一个黑色的背景，所有的文本都是白色的，它是一个单滚动页。这个想法是，当用户向下浏览网站时，导航栏后面会有一个半透明的黑条，这样当用户将导航栏滚动到白色图像/其他白色文本上时，导航栏就不会丢失(因为导航文本也是白色的)。我知道如何改变整个导航栏的透明度，但是有没有办法只改变导航背景的透明度呢？
目前，我已经尝试将背景颜色设置为黑色，然后将不透明度属性设置为0.5，但这最终会影响整个导航栏，而不仅仅是背景。我还尝试向nav添加一个类，并向该类添加背景属性，但结果相同。
浏览 1提问于2020-05-25得票数 0
当页面变小时，我正在玩引导程序，并使用一些媒体查询来编辑我的导航栏设置。我试图使它周围的背景颜色变成粉红色和白色的文本，但出于某种原因，这是没有发生的。
我也试图让它变得更小，当它变小，引导有图标条，你可以按下，它就像一个下拉菜单，但它的方式大，当它得到移动版本，出于某种原因，我不能使它看起来更小。这是导航的实际文本，而不是小图标。
CSS：
@media only screen and (max-width: 768px) {
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav
浏览 0提问于2016-02-07得票数 3
回答已采纳
我正在使用Bootstrap添加一些下拉菜单到我的网站。我的导航栏由锚标签和通过CSS应用的背景图像组成。在这种情况下，Bootstrap下拉菜单似乎不起作用。我能让它工作的唯一方法是在锚标签之间添加文本，在这种情况下，文本将触发下拉列表，而不是锚标签背景图像，正如人们通过正常的CSS :hover伪类所期望的那样。
我的html的一个例子：
<a class="logo_master" href="#" data-toggle="dropdown" role="button"></a>
我的CSS：
.l
浏览 0提问于2013-04-24得票数 0
2回答
控制器将UISegmentedControl添加到导航栏。分段控件是在控制器的viewDidLoad方法中添加到导航栏中的，但实际的分段是在调用viewDidLoad之后动态创建的。
我无法在显示视图时自动调整分段的大小。它们都被压扁了，，尽管这里的分辨率不适用。如果段是在分段控件添加到导航栏的右侧项之前添加的(破坏了代码的动态性)，则它们会自动调整大小，并且在显示视图时看起来很好。
下面是我的代码的精简版本。我遗漏了什么？
@implementation MyController
- (void)viewDidLoad {
// segmentedControl is a
浏览 0提问于2011-08-31得票数 6
回答已采纳
1回答
当iOS用标准的"back“标题取代以前的标准视图控制器标题时，我需要拦截。
来自苹果开发者网站
备注
如果您的后退按钮的标题太长，无法容纳导航栏上的可用空间，导航栏可以用字符串“back”代替该按钮的原始标题。导航条只有在上一个视图控制器提供后退按钮的情况下才会这样做。如果新的顶层视图控制器具有自定义的左栏按钮项(导航项的leftBarButtonItems或leftBarButtonItem属性中的对象)，导航栏不会更改按钮标题。
因此，我需要在它完成时截取，用我的自定义标题更改回退文本，否则保留前一个ViewController标题。
(我用这个命令更改了viewDidL
浏览 3提问于2015-12-22得票数 2
我正在使用iOS 5中的新外观代理来为我的UINavigationBar设置带有背景图像的样式。
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"ZSNavigationBG.png"] forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"ZSNavigationLandscapeBG.png"] forBar
浏览 1提问于2012-07-06得票数 4
回答已采纳
1回答
首先，我只是想更改导航栏中下拉菜单的背景颜色。我想要它，因为它的默认背景颜色是灰色，而且我想让它变得透明。
为此，我使用bootstrap (/bootstrap/customize)提供的链接定制了bootstrap.css
我把@navbarLinkBackgroundActive改成了TRANSPARENT而不是@lightGrey，我还把@navbarLinkColor改成了@black。
下面是更改之前和之后的情况：
之前：
之后：
如您所见，背景颜色已更改。
但现在，我有了另一个问题。我想删除链接的白色轮廓！我在bootstrap自定义页面上尝试了不同的变量，但我无法正确实现它。
浏览 1提问于2013-05-26得票数 0
我正在创建一个网站，并使用boostrap-vue在屏幕顶部添加一个导航栏。导航栏的右侧将包含一个标题为"Lang“的下拉菜单。我希望"Lang“文本是黑色的。文本当前为白色，我找不到更改它的方法。
我尝试了下面的css代码，它改变了我的导航栏项目的颜色，但"Lang“保持相同的白色/灰色。
.dropdown {
color: #000!important;
}
.navbar-dark .navbar-nav .nav-link {
color: #000!important;
}
这是我的导航栏的代码：
<b-navbar class=&
浏览 32提问于2019-08-12得票数 2
回答已采纳
我有一个导航栏，我希望能够使用下拉菜单，但我发现的w3schools显示项目在同一行+悬停背景颜色变化太大。有人能看看然后告诉我出了什么问题吗？
浏览 5提问于2016-09-07得票数 1
回答已采纳
是否有方法在保持启用UIViewControllerBasedStatusBarAppearance的同时设置默认状态栏样式？
问题是，我要处理的是：
几乎整个应用程序都需要使用UIStatusBarStyle.LightContent，因为导航栏有一个黑暗的背景。最初，UIViewControllerBasedStatusBarAppearance被禁用，并在Info.plist中为while文本状态栏设置了以下内容：
<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</
浏览 5提问于2017-01-27得票数 11
回答已采纳
我遵循Youtube上TailwindCSS的创建者的导航栏教程，我被困在上，当屏幕宽度击中sm:断点时，sm:block类应该覆盖hidden类。
按预期工作，其中项目显示页面的宽度何时增加。
但是，当我试图在使用npx create-next-app --example blog-starter-typescript创建的项目上实现这一点时。，当页面宽度增加时，导航栏上的项不会显示。
，在那里这是行不通的。
如果我用hidden sm:block代替sm:hidden block，它就能工作。如果我给每个断点加上不同的背景颜色，那也是可行的。
有人能看出我做错了什么吗？
谢谢
浏览 4提问于2020-11-28得票数 4
回答已采纳
示例项目--演示问题
背景
我们有一个Activity/Fragment组合，用于在应用程序中显示内容。我们的用户能够在内容片段之间导航，这实际上是将这些Activity/Fragment组合放在另一个之上。点击硬件后退按钮或向上按钮只会显示之前的内容。
以下引用示例项目
当用户正在查看一段内容时，工具栏(android.support.v7.widget.Toolbar)及其文本开始透明。我们这样做：
public void onCreateView(...) {
...
toolbar = (Toolbar) v.findViewById(R.id.toolbar);
浏览 2提问于2015-05-27得票数 3
回答已采纳
1回答
我已经创建了一个自定义导航栏，我决定响应当今的移动趋势。
然而，当在我的fixed导航栏中创建子下拉菜单时，它完全搞乱了(无法正确显示)，除此之外，页面不会向下滚动以显示所有子导航项目。
这是我的JSFiddle：
我尝试将导航栏的position更改为static，这解决了第二个问题，但我希望修复导航栏。
感谢您的帮助:)
浏览 2提问于2015-06-13得票数 0
我正在尝试实现与iOS上的Notes应用程序类似的效果，因为我有一个带有背景图像的tableView，我希望导航栏具有相同的背景图像，但没有来自tableView的文本重叠。
这是滚动的tableView。如您所见，tableView的文本与状态栏和导航栏的文本重叠。这就是为什么我想要导航栏上的模糊效果。
浏览 4提问于2014-08-05得票数 1
3回答
我有一个新的应用程序，理想情况下，将有一个坚实的深蓝色导航条的顶部，延伸到后面的状态栏。让这种不透明和正确的蓝色颜色变得不透明很痛苦，但我终于想出了如何通过在包含NavigationView的make的init()中添加以下内容来使其工作：
init() {
UINavigationBar.appearance().barTintColor = UIColor(named: "primaryBlue")
UINavigationBar.appearance().backgroundColor = UIColor(named: "primaryBlue&#
浏览 9提问于2019-12-18得票数 10
回答已采纳
1回答
actionbar的导航列表有些奇怪。我使用的是夏洛克的actionbar，但问题也出在原生的ics actionbar中。
使用该应用程序并单击操作栏的导航列表时，如果不从列表中选择一个项目或单击操作栏导航按钮(与打开列表的位置相同)，则无法关闭该列表。触摸背景或按“后退”按钮不会关闭列表。在Gmail应用程序上试过，它可以在触摸和后退按钮上关闭。
顺便说一下:我有一个自定义微调适配器导航列表。
Thnx :-)
浏览 0提问于2013-05-04得票数 0
回答已采纳
此问题与本文档有关。
父类是"header“，按钮是”header__button按钮“。通常，我会使用“按钮-标题”(在教程的其他地方看到)。
我的网站使用下拉菜单和类“下拉菜单”，我也使用“下拉菜单-导航”，但“-导航”是一个适当的修饰语吗？根据文档中的逻辑，我应该使用“下拉菜单导航栏_下拉菜单”。我迷路了，因为我可以看到肚脐和下拉菜单都是它们自己的块，但是当它们相互作用时，我就不太确定了。如果导航条是块，下拉菜单是元素，那么链接应该使用“下拉链接导航条_下拉链接”而不是“下拉菜单_链接下拉-菜单_链接-导航”吗？
我可以看到"element block__element“
浏览 3提问于2020-01-07得票数 0
回答已采纳
我有一个html页面，在屏幕顶部包含一个导航栏。在导航栏中，我有一个搜索框，我希望它做的是，您在此框中键入，然后按enter，结果将显示为下拉菜单
<li><input type="text" id="search-bar" placeholder="Search"></li>
这是html搜索输入框。我已经给它一个id search-bar，以便最终在ClojureScript中创建下拉菜单。
(when-let [section (. js/document (getElementById "sea
浏览 19提问于2017-03-15得票数 0
我无法在api管理开发人员门户中使用下拉菜单。关于这方面的文档很少，但我从github的问题中看到，它应该能够像在this link中那样在顶部菜单栏中有一个下拉菜单 我自己拿不到这个。我已经在导航菜单中创建了具有子页面的页面，并且我尝试将带有根导航项目的菜单小部件添加到顶部栏中，但在编辑菜单以选择要下拉的列表时没有任何选项。 如何获取下拉菜单？ 没有“子菜单”或“带下拉菜单”的小部件，我找到的其他下拉小部件只有"List of API ( dropdown )“和"List of products (dropdown)”。
浏览 16提问于2021-11-02得票数 0
回答已采纳
2回答
所以我用react制作了一个导航栏，我使用了菜单栏文本、徽标和按钮的三个组件。我将导航栏的背景设置为透明，组件设置为黑色。当悬停组件时，背景变为白色，导航栏变为白色。问题是我为每个组件使用了三个文件，我想让组件的颜色在导航栏悬停时变成白色，我不想让组件只在悬停时改变颜色。我该怎么做呢？如何在导航栏悬停类中定位components类名称？
浏览 29提问于2021-11-08得票数 1
我想添加一个栏按钮项到我的导航栏，并给它一些边框图像，看起来像垂直线(在下图中以红色圈出)…
当我单独设置整个导航栏的背景图像时，barbutton项的背景将会变得清晰。文本将是动态的，因此我不能将文本或线条烘焙到背景图像中，然后为栏按钮项设置该背景图像。我只需要在条按钮项的两侧添加这些垂直线图像。
非常感谢您的智慧！
浏览 0提问于2012-10-18得票数 1
回答已采纳
我有三个视图和一个带有背景图像的导航栏。当我按下第二个视图时，一切都像它应该的那样:导航栏停留在带有背景图像的地方，只有标题和按钮向左滑动，取而代之的是第二个视图的“后退”按钮和新的标题。但当我按下第三个视图时，过渡是这样的:就在动画之前，导航栏完全消失，留下应用程序的窗口背景颜色，然后，新的导航栏从右侧滑动，所有的ui元素。当我弹出第三个视图(按下“后退”按钮)时也是如此。有什么想法，为什么会发生这样的事情？这在以前是正常的，但在某一时刻，我注意到它开始像这样工作。
浏览 1提问于2012-01-21得票数 0
我将搜索栏设置为导航栏中的标题视图。在初始视图中，搜索栏在中间均匀地间隔，两边都有按钮。在这个视图中，后退按钮按下搜索栏，使其不均匀。我试过去掉后退按钮的文本，但是它仍然无法扩展搜索栏。
浏览 2提问于2017-11-28得票数 0
回答已采纳
我的导航栏有一个white backgroundColor，我的状态栏使用dark textColor。当用户将iOS主题更改为暗模式时，状态栏将更改为white背景下的white文本。结果，我什么也看不见。如何为我的应用程序禁用此更改？
浏览 2提问于2019-08-15得票数 25
回答已采纳
1回答
我正在建立一个基于文本文件的离线HTML页面。这个文本文件有一些标签，我们想用它们在页面上导航(也是为了在顶部的水平条上按比例指出某些标签在文本中的位置)我正在使用python创建这个页面，但不确定我应该如何使用JavaScript或D3.Js创建类似下面的图像？ 我想创建顶部栏，按比例指示在文本中的某些标签退出 任何指导都会很有帮助。 ?
浏览 12提问于2021-01-19得票数 0
我不知道该怎么做：
我有一个全屏背景图片，一个顶部固定了50%透明度的导航栏，以及它下面的内容。如何使导航栏保持背景图像的透明度，同时仍具有滚动内容？
现在的问题是，当我向下滚动时，内容会在导航栏下面，并通过透明度显示出来，这显然看起来很糟糕。
基本上，我希望页面的内容滚动并消失在导航栏的底部。我知道我可以让导航栏变得不透明，也可以使用背景图像，但我宁愿只有一个全屏背景图像。
有什么想法？
浏览 3提问于2012-10-08得票数 0
回答已采纳
2回答
自定义搜索栏
、、、、
允许使用自定义搜索栏吗？在我的一个网页上，出于设计原因，我决定不使用标准的Weebly搜索栏(而且它以前没有出现)，我反而在导航栏上修改了一个简单的文本条，作为网页的搜索栏。现在我的问题是，如何使我添加到导航栏中的这个临时搜索条具有与标准Weebly栏相同的功能？如果这是可能的，我是否可以使用标准Weebly搜索栏中使用的相同的HTML？我打算使用第三方搜索栏并将其嵌入导航栏中，并使用它来索引我的网页，但它并没有按照我所希望的方式工作。我还想使用HTML/CSS将标准搜索栏移到导航栏中，但这也不能正常工作。从这个临时搜索栏中我想要的是，当按enter按钮时，它能够导航到索引Weebly搜索结果
浏览 0提问于2014-05-03得票数 3
回答已采纳
我只想有一个简单的方形背景图像与导航栏。我已经能够启动图像和导航栏，但图像本身并没有按我想要的方式扩展。在一部手机上，我想让它从上到下安装，但两边都会脱落，然后随着屏幕变大，它会慢慢移动到完整的形状，最后在桌面大小的情况下，它以黑色背景居中，如果没有明显的拉伸，图像就无法覆盖。我会非常感谢你的帮助，下面的例子。 WHAT I WANT WHAT'S HAPPENING
浏览 23提问于2020-09-26得票数 0
我正在尝试让Bootstrap 4导航栏下拉菜单直接出现在导航栏的正下方，但默认情况下，它会出现在导航栏底部边缘的上方。
有没有一种方法可以做到这一点，而不是为导航栏设置一个固定的高度，并使用下拉菜单上的空白处？
如果我没记错的话，Bootstrap 3中的默认设置是将下拉菜单的上边缘与导航栏的下边缘对齐。这似乎在BS4中发生了变化。
这是我的HTML：
<div class="navbar navbar-expand-lg flex-row shadow">
<ul class="navbar-nav navbar-desktop fl
浏览 17提问于2019-11-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
