具有不同样式Css的子菜单
具有不同样式CSS的子菜单是指在网页或应用程序中，将主菜单的选项进一步细分为多个子选项，并为每个子选项应用不同的样式和布局。这样可以提高用户体验，使菜单更加直观和易于导航。
具体实现不同样式CSS的子菜单的方法有很多种，以下是一种常见的做法：
- HTML结构：使用HTML的嵌套列表（
<ul>和<li>）来创建菜单的层次结构。例如：
<nav>
<ul>
<li><a href="#">主菜单1</a>
<ul>
<li><a href="#">子菜单1-1</a></li>
<li><a href="#">子菜单1-2</a></li>
<li><a href="#">子菜单1-3</a></li>
</ul>
</li>
<li><a href="#">主菜单2</a>
<ul>
<li><a href="#">子菜单2-1</a></li>
<li><a href="#">子菜单2-2</a></li>
<li><a href="#">子菜单2-3</a></li>
</ul>
</li>
</ul>
</nav>- CSS样式：使用CSS选择器为子菜单添加样式。可以根据需要设置字体、颜色、背景、边框等属性。例如：
nav ul li {
display: inline-block;
position: relative;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
border: 1px solid #ccc;
}
nav ul li:hover > ul {
display: block;
}
nav ul li ul li {
display: block;
}以上示例中，通过设置display: none和display: block来控制子菜单的显隐，通过设置position: absolute来使子菜单相对于父菜单定位。
- JavaScript交互（可选）：如果需要在用户交互时实现更复杂的效果，如动画、延时显示等，可以使用JavaScript来控制子菜单的显示和隐藏。
综上所述，具有不同样式CSS的子菜单是一种提升用户体验和导航功能的常见实现方式。在开发过程中，可以根据具体需求选择适合的HTML结构、CSS样式和JavaScript交互方式来实现。腾讯云相关产品中，例如云服务器（CVM）可以用于部署和运行网页或应用程序，云数据库（CDB）可以用于存储菜单数据等。详情请参考腾讯云官方文档链接：https://cloud.tencent.com/product/cvm
相关·内容
2回答
我正在帮一个朋友做她的网站，我对JQuery自带的菜单有点问题。实际上是子菜单。它出现在一个重叠的div后面。我尝试在css中使用position，但无济于事。这是正在发生的事情的演示。www.hvactechhelp.com/Ashley
任何帮助都将不胜感激。
我只是想澄清一下。我需要的子菜单出现在页面上的按钮。Z-Index会将子菜单放在顶部。
这是HTML css是标准的jquery-ui.css
<div class="content">
<div class="l_content">
<ul id=
浏览 0提问于2013-07-15得票数 0
回答已采纳
2回答
显示和隐藏焦点上的不同元素
、、、、
我一直在研究一些显示和隐藏HTML元素的方法，最后我找到了。
我的意图是使用一种方法来显示和隐藏元素，而不需要使用JavaScript、JQuery或除CSS和HTML之外的任何其他方法，因此我选择使用属性"tabindex"，然后我创建了以下简单的研究案例...
HTML：
<div id="root" tabindex="1">
<div>DIV A</div>
<a class="hidden" href="http://www.google.com"
浏览 1提问于2014-11-25得票数 1
1回答
我正在使用XHTML、CSS和jQuery构建一个菜单，但我的CSS遇到了一个问题。是我的测试页面，是我的css。
我遇到的问题是我的.subMenu类继承了我的#menu的属性，背景颜色和大小都是一样的。我正在寻找一种解决方案，让.subMenu作为一个类，这样我就可以重用它。奇怪的是，我使用.subMenu类在jQuery代码中编辑了一些属性，然后它会更改这些属性。
因此，我想知道是否有人可以让我知道如何修复它，如果他们可以解释它，这是否是一个层次结构问题。
谢谢，李维
浏览 4提问于2008-12-18得票数 2
回答已采纳
我发现了一个带有一些整洁CSS的很好的模板，但是我之前的主界面代码使用了大量的Twitter Bootstrap (3)。然而，它们之间有很多冲突，主要的一个我似乎不能解决的是下拉菜单。
是否有方法覆盖或隔离Bootstrap或桥接下拉菜单。是的，我知道应该有更有创意的对象名称，但这两种CSS都有非常深的根基名称，所以更改它是相当有问题的。
HTML如下所示
<nav>
<ul>
<li>Option</li>
<li><span>DropDown</span>
<ul&
浏览 2提问于2014-06-25得票数 1
下面是chrome工具的屏幕截图。在这里，我想重写..ui菜单类，并希望将其with增加到"20em“。
以下是我试图覆盖的内容：
.menu.ui-menu{
width:20em;
}
我知道我的css是在基本css之后加载的。为什么它不接受自定义css类中提供的css？
更新下面提供的任何建议对我都没有用。我已经添加了一个div，并提供了id到div“菜单”。现在，当我使用下面的css时，它起作用了：
#menu {
width:20em;
background-color: yellow;
}
下面是控制台的截图：
仍然无法增加具有类“
浏览 4提问于2017-05-04得票数 0
我试图清理自定义主题中的一些自定义CSS，该主题突出显示当前导航页的wordpress自定义菜单(即，在查看“联系人”页面时突出显示“联系人”菜单项)。
当前CSS引用每个自定义菜单的ID，以便按照下面的方式应用样式，并为每个自定义菜单提供一个副本：
#nav_menu-8.widget .current-page-item > a
{}
我试图理解为什么在没有引用ID nav_Men-8的情况下选择相同的元素时，样式不适用，理想情况下，要比静态引用更动态一些：
.widget .current-page-item > a
{}
当上面的CSS已经到位时，样式就不会像我所期望的那样
浏览 1提问于2015-10-02得票数 0
回答已采纳
3回答
伙计们！我有一个wordpress网站，安装了Kalixo杂志的主题。我尝试安装了几个带有有趣设计的小部件菜单插件，但设计(我认为css和js/jquery)始终是主题的默认设计。我如何停止我的主题，以覆盖小部件菜单插件的css，以便我可以在我的侧边栏有一个独特的菜单？提前谢谢你！
浏览 0提问于2014-05-12得票数 0
1回答
在我的Primefaces中，我使用的是menubar。在菜单右侧的三角形图标是不必要的，所以我想删除它。我在CSS上试过了
.submenu .ui-icon-triangle-1-s{
display: none;
}
但它会影响整个页面的其他组件(即selectOneMenu)，但我需要删除子菜单中的三角形图标。我尝试下面的代码：
<h:form>
...
<p:menubar>
<p:submenu label="File">
<p:menuite
浏览 1提问于2015-05-09得票数 1
3回答
我的水平WordPress菜单上有以下格式。它工作得很好。
.menu {
width: 1100px;
margin: 0 auto;
position: relative;
z-index: 50;
list-style: none;
}
在我的主题的页脚，我试图通过WordPress菜单设置使用垂直菜单。当我通过一个小工具将菜单放在页脚时，我得到的结果是：
<div class="menu-footer-container"><ul id="menu-footer" class="menu">
因
浏览 3提问于2015-06-09得票数 0
2回答
我希望我的代码执行以下操作:如果屏幕宽度小于651，设置一个要显示的子菜单列表:none；并使该菜单可切换。
下面是代码：
HTML:
<ul id="main_menu">
<li class="mainpoint">
<div class="mainpoint_content" id="some">some</div>
<ul class="submenu_1">
<li class="submenu_point"><
浏览 0提问于2015-05-21得票数 1
3回答
我有一个菜单，几乎与stackoverflow.com中使用DNN的菜单相似。如何更改所选菜单的颜色？
我已经成功地在悬停时改变了颜色(使用CSS)，但我在这方面遇到了麻烦。
仅使用CSS就可以实现更改单击项的颜色的效果吗？
浏览 0提问于2013-07-25得票数 0
1回答
将导航添加到创世纪主题
、、、、
我按照这里提供的教程添加导航菜单，但无法在style.css中找到一组#nav &我的主题是eleven40。我们需要替换什么来获得导航菜单？
浏览 0提问于2013-04-27得票数 0
我已经根据我的需要修改了线性菜单，到目前为止，我没有任何问题，除了一个我不能找到一种方法来显示与页面加载的特定页面相关的菜单，或者换句话说，我想添加一个活动状态到li &基于它的父菜单的显示塔子菜单。
假设用户单击About Us链接，则默认情况下将显示此链接的菜单。
以下是我在上的示例
我的问题让读者感到困惑，我只需要在页面加载上显示特定页面的菜单，我需要对css做什么更改，这样我才能在jquery的帮助下显示子菜单，这可能只是与css有关。
我试了几样东西，但最后搞砸了..
浏览 0提问于2012-12-31得票数 0
回答已采纳
我有一个jquery UI菜单，我想在其中高亮显示一个选定的项目，然后在单击并高亮显示另一个项目后取消高亮显示它。一旦在菜单上检测到select事件，我就会更改css背景颜色属性，但在此之前，我想检查所有项，看看以前的选择是否仍然突出显示，取消突出显示它，然后突出显示新的选择。
<script>
$(function(){
$(".menu").menu({
//detect select event
select:function( event, ui ) {
浏览 0提问于2013-03-30得票数 0
回答已采纳
1回答
我有一个CSS下拉菜单，我正在使用，它工作得很好，唯一的事情是，我想停止关闭菜单时，你点击菜单内的任何地方。
现在，只要你在main-nav中点击，它就会关闭，这使得点击链接变得困难，等等。
它目前正在我们的网站www.jonasconstruction.com上直播。如果有必要，我可以在这里附上完整的代码。
谢谢。
<div class="top-menu top-menu-mobile">
<header class="dark">
<nav class="navigate">
&
浏览 1提问于2016-03-22得票数 0
1回答
我使用这个水平菜单已经有一段时间了，现在我想对它做更多的修改。
如果父菜单有子菜单，我只想在鼠标悬停时突出显示它。如果我应用背景颜色，它适用于目前所有的父菜单。
我不太擅长CSS &觉得这不是正确的方法。如果我没有应用正确的css，请更正我的css。
上的示例链接
更新版本：
我尝试了不同的方法，但我没能把它做好。这个菜单的另一个问题是，当我悬停在父菜单项上时，它会稍微向下移动2px或3px (这只发生在Google中，但在IE9&FF中同样工作得很好)。
我希望在这方面提供帮助。
<div id="nav-wrapper">
浏览 1提问于2013-05-19得票数 1
回答已采纳
3回答
我有以下问题，我正在尝试更改joomla菜单中"< li>“元素的文本的颜色。我给菜单提供了一个名为blueMenu的css选择器的链接，这是关于类的CSS：
.blueColor {
color: blue;
}
然而，这不会改变文本的颜色，另一方面，如果我用“背景颜色”改变“颜色”，文本的背景就会变成蓝色。你知道是什么导致了这个问题吗？
浏览 4提问于2016-08-26得票数 0
回答已采纳
1回答
我正在使用Wordpress开发一个使用三深度导航菜单的网站。菜单是自动生成的，由<li>和<ul>项组成。当打开包含子菜单的列表时，我遇到了列表项向右移动的问题。
发生这种情况的站点是荷兰网站。我很难把它转换成JS小提琴，但我明天再试一次。
问题
每当我在第一个子菜单中的项目上悬停时，第二个子菜单就会打开。通常，第二个子菜单中的项大于项本身，导致列表项展开并将其他项推到右边。这可以通过导航到“信息”和“早期”来看到。您可以看到右边的项目向右移动，因此很难单击。
我花了很多时间在这个问题上，但没有得到进一步的解决，所以我想要回答的问题是:如何在保留当前导航菜单布局的同时
浏览 3提问于2014-05-06得票数 0
回答已采纳
1回答
我有一个JavaFX应用程序，带有一个MenuBar，有3个菜单，每个菜单都有几个MenuItems。
在改变了菜单/菜单/MenuItems的颜色后，我有了这些更亮的条(下面是"Unterstützte Melder“，上方是"Daten laden")。
我希望它们具有与MenuItems背景颜色相同的颜色，我以为它们是边框或阴影，但我没有设法将它们设置为0或删除它们。
我使用CSS来样式我的所有组件。
CSS文件：
.menu-item .label {
-fx-font-size:14.0px;
-fx-text-fill: white
浏览 2提问于2021-11-11得票数 2
回答已采纳
1回答
我按照这个名为“重叠选项卡”的教程来构建WordPress。它真的很好，而且工作得很好。
但是，与本教程不同的是，我现在添加了下拉子菜单。它们也很好用，除了由于某些原因，主父背景选项卡被带到子菜单中，即使在css中没有重复。
我已经寻找了演示，并尝试在css中切换东西，但我把事情搞得一团糟。
这是CSS。我不希望子菜单像主菜单那样有背景图像。CSS很巧妙地使选项卡具有端盖和背景图像，这些图像在宽度上“扩展”以适应链接名称的长度。
代码：(这还不是全部，但足以显示背景图像的位置并显示子菜单)
.menu ul {
list-style: none;
position: relative;
flo
浏览 0提问于2012-08-14得票数 0
回答已采纳
4回答
我有一个用于下拉菜单的html结构：
<ul>
<li><ul>...</ul></li>
<li>...</li>
</ul>
和css：
li ul {display : none;}
li:hover ul {display : block;}
(这只是基本结构)。
当我从菜单中选择一个项目时，我正在用ajax加载一些东西，并且我想关闭打开的子菜单。
我试过用jquery隐藏被点击元素的父元素("li“是被点击的元素，"ul”是父元素)，元素被隐藏了，但是当鼠标
浏览 1提问于2012-03-06得票数 0
回答已采纳
6回答
我知道这个问题被问了很多次，但是我在CSS中创建子菜单时遇到了一个问题。我是CSS的新手，对它不太了解，但在尝试谷歌这么多之后，我尝试了使用CSS的一个小菜单，一切都很好，但只有子菜单没有堆叠的方式。
这是我的代码：
<body>
<ul>
<li><a href="#">Example 1</a></li>
<li><a href="#">Example 2</a></li>
<l
浏览 9提问于2014-04-15得票数 1
回答已采纳
我正在创建一个MenuBar，我想让它在有要显示的子元素时显示一个小图标。我认为我可以这样实现：
interface ActionHeroResources extends ClientBundle, MenuBar.Resources
{
@Source("actionhero.css")
public ActionHeroCSS css();
@Override
@Source("agw-dropdown.png")
ImageResource menuBarSubMenuIcon();
}
private sta
浏览 0提问于2011-04-04得票数 1
回答已采纳
我在我的子主题中有一个/lib/扩展脚本/扩展-样式.min.css文件，我试图让它覆盖父主题中的版本。我已经准备好了以下代码，但它似乎仍在加载.css文件的父版本。我做错了什么？ Child theme: functions.php
function PREFIX_remove_scripts() {
// enqueue parent styles
wp_enqueue_style('maple', get_template_directory_uri() .'/style.css');
// enqueue child st
浏览 24提问于2020-04-15得票数 0
我想改变CSS的不同网站区域和页面布局取决于上下文信息，如用户角色或类型的内容正在显示。更改类型将包括字体、颜色和背景选项。我可以想出几种方法来解决这个问题，但实际上可以从其他人的经验中获益。
一些备选方案：
使用视图或面板标识上下文，然后将样式与其关联。这是有限的，因为有些元素与内容没有直接关联，例如菜单背景、颜色等。
创建自定义模块以标识用户、内容类型或其他上下文条件，然后修改呈现数组。这听起来是可行的，但呈现数组非常神秘，我不清楚需要更改什么。如果你试过这个，你做了什么。
在主题中创建自定义代码以标识上下文，然后分配div类值以隔离受影响的部分。
如果你尝试过这个或其他选项，你做了什么，
浏览 0提问于2012-01-26得票数 0
回答已采纳
1回答
我正尝试用CSS实现一个多级的下拉导航菜单，但有一个小部分我似乎无法正常工作。
应该发生的情况是：
1)当鼠标悬停在菜单项上时，应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时，父菜单项应突出显示。
Point2可以很好地工作，直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类，则不会发生高亮显示。
可以在此处查看演示：
演示显示，当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时，Sub Menu 3高亮显示。但是，将鼠标悬停在菜单2>子菜单3>子菜单X上
浏览 3提问于2011-10-30得票数 2
回答已采纳
4回答
单击时隐藏Div
、、、、
我有一个小的HTML/CSS/JQuery下拉菜单。我的伪代码是：
function closeMenus() {
$('.subMenu').css('display', 'none');
}
#mainMenu ul li .subMenu {
display: none;
position: absolute;
}
#mainMenu ul li:hover .subMenu {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/
浏览 3提问于2011-10-12得票数 1
回答已采纳
我有一个基本的菜单，有些菜单项还有子菜单。我几乎没有使用wordpress的经验，现在也没有时间深入了解细节。所以我的问题是，当使用导航到其中一个子菜单页面时，突出显示顶部菜单项的最简单方法是什么。(我尝试使用javascript和纯css通过元素id和"current-cat-parent“类来设置color属性，但都不起作用)。
任何帮助都是非常感谢的。
注意:我使用了一个叫做变色龙的主题。
浏览 0提问于2013-03-25得票数 7
回答已采纳
3回答
我正在为移动创建一个菜单，当我单击子菜单中的一个项目时，就会出现该菜单。问题是，如果我这样做，当页面被滚动一点，页面滚动回.(无论是打开还是关闭子菜单)。
当页面没有滚动时，显然不会发生这种情况。
这是代码：
这是子菜单项的css。
.lisottomenu {
letter-spacing: 0.02em;
display: block;
background: #E4BF85;
border-top: 1px solid #fff;
font-size: 14px;
list-style-type: none;
widt
浏览 3提问于2016-01-25得票数 0
回答已采纳
1回答
我正在制作一个网站，它的设计是有反应的。但对于菜单，我选择了一个简单的切换按钮，在移动设备上加载菜单时，菜单将位于其中。当按下按钮时，菜单将显示一个简单的<ul><li>呈现项目符号列表。但是问题是，对于站点，我为菜单做了复杂的CSS；当我在移动设备中加载站点时，我应该做什么呢？
是否需要将所有CSS属性重置为CSS菜单，然后将移动设备特定的CSS设置为媒体查询？
我觉得这不是个可行的主意。
那我该怎么办？我的一位同事建议我为不同的媒体宽度加载不同的CSS，但how。
我想避免@import在CSS，因为它降低了网站的速度。
浏览 1提问于2013-11-18得票数 0
回答已采纳
我有一个按钮的类：
.client-header button {
/*Properties*/
}
以及一个用于检测菜单何时打开的类：
.client-menu-open {
/*Properties*/
}
我想根据菜单是否打开来更改按钮背景。我想要这样的东西：
.client-header button .client-menu-open {
/*Properties*/
}
但是这两个类在两个不同的文件中，所以它不能工作。有没有办法在不同的文件中做到这一点？
以下是头部index.css的代码：
@import url('../menu/index.cs
浏览 0提问于2014-07-09得票数 0
我的菜单以我想要的方式工作，除了菜单元素从上到下显示为自下而上的情况。我试图更改CSS属性，但仍然无法工作。我需要我的DIV容器在父容器的底部对齐。我使用了‘底部: 0’CSS属性，但这并没有任何影响使用‘位置:绝对’和‘位置:相对’。
如何将父DIV中的所有元素显示在底部:0(自下而上)？
然后单击Projects底部链接(如果需要重置菜单项，请刷新)。我需要同样的行为，我已经有，只是菜单项应该从下到上开始，并一直对齐到底部。
有什么建议吗？
谢谢,
帕蒂桑
浏览 3提问于2011-04-04得票数 0
回答已采纳
1回答
我正在尝试创建一个响应式导航菜单，当窗口大小缩小时，该菜单也会缩小。我已经让它在jquery和css中工作，但在移动设备上速度很慢，我读到只用CSS编写它更好，但我还没有找到解决方案。这是我目前拥有的jquery，html和css。任何帮助我们都将不胜感激
Jquery代码：
$(function() {
var menu = $('#top_menu');
menu = $('nav ul');
menuHeight = menu.height();
$(top_menu)
浏览 1提问于2013-04-25得票数 0
回答已采纳
在的菜单和状态图标指南中，我们为Android2.2和更早版本以及Android2.3和更高版本提供了独特的设计方法。我的应用程序将支持Android 2.2及更高版本。我在想，我应该遵循2.3和更高版本的指导方针。你同意吗？
浏览 0提问于2011-07-21得票数 1
回答已采纳
1回答
我有一个用CSS创建的下拉菜单。菜单在中。问题是，当我试图访问子元素时，它们不能正确地出现。我已经在父元素和子元素之间留出了一些空白处，当鼠标光标指向该空白处时，下拉菜单就会隐藏。有没有什么方法可以让我保持一定的页边距，同时仍然可以看到子列表，就像jquery中那样。
浏览 3提问于2013-03-11得票数 0
2回答
菜单下的额外填充带子
、、、、
嘿，伙计们，我的菜单有几个问题，有一个奇怪的填充，把我的菜单推到了右边几个像素，但我设法修复了它的主要父母，最初他们都推出了相同的数量。
图片
这里有一个更好的视图
我正在运行css并添加padding-left:0px;。
这是我的代码如果有人能帮我的话。
<div class="css_menu_two_line">
<ul class="two_line_menu">
<li><a href="#">Menu 1</a></li><li>
浏览 1提问于2014-09-03得票数 0
回答已采纳
这个是可能的吗？我的HTML如下所示：
<ul>
<li> <a> link </a> </li>
<li> <a> link </a> </li>
<li> <a> link </a>
<ul>
<li> <a> sub-link </a> </li>
<li> <a> sub-link </a> <
浏览 0提问于2010-08-30得票数 2
回答已采纳
1回答
嗨，我把这个添加到我的导航菜单CSS。它将在我的菜单底部添加一个三角形效果。问题是，它也把它添加到了子菜单上。
.nav-menu li a:hover:after {
content: "";
display: block;
border: 10px solid #000;
border-bottom-color: #48c5f2;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -12px;
}
如何删除子菜单中的三角形效果？我想我应该放点这样的东西？
.nav-menu li li a:hover:afte
浏览 3提问于2013-11-11得票数 1
回答已采纳
我是，我希望在顶部菜单栏上的每个菜单上的右填充和左填充小一点。
我可以进入css并更改填充(我使用的是黑色皮肤)：
.black ul.mega-menu li a {float: left; display: block; color: #fff;
padding: 12px 38px 12px 25px; background: url(images/bg_black.png)
repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}
到这个
.black ul.mega-menu li a {f
浏览 0提问于2012-02-22得票数 1
回答已采纳
我有这个菜单：
<ul id="nav">
<li class="level0">Item 1</li>
<li class="level0 parent">
<a><span>Click Me!</span></a>
<div class="submenu">
<ul>
<li>Subitem 1</li>
浏览 0提问于2011-09-08得票数 1
回答已采纳
1回答
我正在为类创建一个网站，并使用来自jQuery的load函数，加载工作正常。我正在将新页面加载到现有页面的表中，以使导航菜单对所有页面保持不变。
我遇到的问题是根目录没有改变，所以我的外部css文件和图像(位于子目录中)不会加载到我刚刚加载的页面上。是否有任何方法将根目录重定向到所有受支持的内容，以便正确加载，还是这是不可能的？我需要这个作业的目录结构。
这是我的目录结构。每个网站都使用css文件的根目录。
/index.html /css/index.html
<a href="javascript:" onclick="load_content('CS
浏览 1提问于2012-11-30得票数 1
1回答
我正在尝试学习jquery mobile，并在过去的几天里一直在尝试它，一切都很顺利，但我不确定我是否采取了正确的方法。
我试着用类似facebook应用程序的用户界面做了一个网站。在页眉的右上角和左上角是一些按钮，这些按钮使页面像抽屉一样滑出。
左上角按钮将页面向右滑动以显示菜单，而右上角按钮将向左滑动以显示要填写的表单。
我所做的是在页面外创建did，并使用javascript滑出活动页面，根据按下的按钮显示菜单或表单：
<body>
<div id="my-menu">
<ul>
<li><a
浏览 3提问于2012-12-20得票数 0
回答已采纳
1回答
我正在开发一个简单的CRUD网络应用程序。用户想要编辑的表放在菜单中，用户可以选择它们，而不是编辑它们。事实证明，并不是所有的用户都有像我这样大的显示器，所以我偶然发现了我的问题。当监视器或浏览器窗口不够大，无法显示整个菜单时，菜单就会有一个垂直滚动体，只要菜单上有滚动子菜单，子菜单就不可见(隐藏在下面)。然而，你确实得到了一个水平滚动体，但这并不是很实际。
我知道这是一个CSS问题，但我从来都不是CSS方面的专家。我知道每周我的网页的基本知识，但这超出了我的CSS知识范围。我在网上搜索，发现人们在面板上也有类似的问题。我试过他们的解决方案，但对我的案子无效。
所有的网页/CSS专家，请帮助我
浏览 1提问于2014-02-19得票数 1
回答已采纳
1回答
菜单样式下拉部分
、、
关于我的造型，我有一个简短的问题。我正在尝试让我的下拉菜单使用CSS样式。
因此，当我更改“主”菜单项的背景图像时，下拉部分也会得到相同的样式。我觉得这应该很容易，只得到“放下”部分。但是我在代码中使用了什么呢？
它需要有一个边距，一个固定的宽度和一个不同的背景与主菜单条目。
元素的主选择器是'#access a‘。
我希望我解释得够清楚了！
提前感谢您的反馈。
HTML
<a href="http://wattel.nl/?page_id=13">Motor</a>
<ul class="sub-menu">
浏览 2提问于2014-06-12得票数 1
回答已采纳
1回答
我实际上正在为一个客户开发一个网站，我有一个很大的问题。
网站正在开发中：我在左边有一个菜单，它的z指数很低，因为布局必须放在这个菜单的顶部。
我用z-index尝试了几乎所有的东西，但从来没有弄清楚。该网站在Joomla 2.5上，菜单是ARI Ext Menu。
左侧的菜单现在工作正常。我想让它像这样，在相同的位置，在布局下整齐。(以产生圆形效果)。问题出在子菜单(第二级菜单)。例如，如果你把鼠标“Realisations”放在左边的菜单上，你会看到子菜单，但他在布局下面。我要把它放在上面。仅用于子菜单。
任何帮助都将不胜感激！
非常感谢!
尼古拉斯
浏览 3提问于2013-05-16得票数 0
我正在使用一个包含TMainMenu的Delphi。在特定情况下，我希望在另一种表单中显示此表单，即父级和客户端对齐。这很好，但是没有出现父窗体的主菜单。我在中看到一条评论：“子窗口不能有菜单”。我能做些什么来覆盖这种行为并使TMainMenu出现吗？
旁白:我只是注意到了这一点，因为我以前使用过这个原则，我一直在使用Developer菜单组件，它很高兴以子形式显示。
稍后编辑:使用下面TLama中的代码，这是有效的(但子菜单不是主题，即非常简单)：这是有效的：
procedure TForm65.FormShow(Sender: TObject);
begin
Winapi.Window
浏览 0提问于2013-05-08得票数 0
1回答
我有一个钩子，我写它将元素字段(即telfield)包含在一个webform中。该字段不接受与其他字段相同的css，这意味着我可能需要为其添加样式。然而，我正试图找到一种在全球范围内实现这个功能的方法，这样我就可以被接受为一个常规的表单组件，因为我有超过40个不同的主题。
这是一种尝试，以避免进入每一个，并添加风格。
谢谢,
浏览 0提问于2014-07-29得票数 0
回答已采纳
我有一个菜单栏。菜单栏是水平的。然后在悬停时垂直扩展该子菜单。该子菜单中的项目包括管理主题、手动抓取、抓取间隔和存档列表。当鼠标悬停以管理主题时，应在其右侧提示另一个下拉列表，以生成一个子菜单。但是，我可以让这个子菜单出现在右边。它覆盖了我的子菜单。因为我是CSS的新手，所以在这方面我确实需要帮助。我有一种感觉，我甚至没有在编辑#menu ul li ul li ul，#menu ul li ul li:hover ul，#menu ul li ul li:hover ul li和#menu ul li a:hover。谢谢。
HTML
<div id="menu">
浏览 1提问于2012-09-07得票数 2
回答已采纳
1回答
我正在做一个使用AngularJS，UI Bootstrap和Sass的项目。现在我们想为用户提供不同的主题。我已经使用angular.element().css()实现了应用不同的背景。但是要在不同的站点上改变不同元素的颜色，这对我来说似乎不是正确的方法。我在考虑生成不同的CSS文件(main_dark.css，main_light.css，...)并用ng-href加载它们。这样我就可以将设计部分与开发部分分开，但我遇到了一些问题，比如屏幕闪烁或一些下拉菜单不再工作。
现在，我想知道我是否在正确的轨道上，或者是否有更好的方法来在AngularJS中创建主题
浏览 1提问于2016-05-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
