html下拉菜单的子目录,html - 带有下拉菜单的子菜单的垂直下拉菜单

我想用以下结构制作一个垂直下拉菜单(对于每个“按钮”一个不同的“下拉” div)。这个想法是当我将“按钮”悬停时，“下拉”以相同的方式出现在“按钮”上大小 (“下拉列表”缩小为高度“ subnav1”相等的“按钮”大小)或显示在“下拉列表”的左侧 (再次具有“ subnav1”高度相等)。但是，问题是我无法显示 “下拉” ：在“按钮”悬停时阻止 s，在第二种情况下，选择“ subnav1”元素时要悬停“按钮”。 HTML：

BUTTON1
BUTTON2
BUTTON3
BUTTON4
BUTTON5

SUBBUTTON1

CSS：

.nav {

width: 180px;

padding: 1vm;

float:left;

height:450px;

position:relative;

text-align:center;

background-color:#a56d3b;

}

ul{

list-style:none;

margin: 0;

padding: 0;

text-align:right;

}

.nav a{

text-decoration:none;

}

.subnav{

font-weight:bold;

text-align:center;

color:#FCFBE3;

font-family: 'PT Serif', serif;

font-size:1.3em;

display:block;

}

.button{

border-bottom:1PX DOTTED #FFECBA;

border-right:1PX DOTTED #FFECBA;

height:90px;

width:100%;

padding:2em 0 0 0 ;

cursor:pointer;

}

.button:last-child{

border-bottom:0px;

}

.button:hover{

background-color:rgba(0,0,0,0.5);

}

.dropdown{

height:89px;

float:left;

width:auto;

min-width:100px;

text-align:center;

margin:0 180px;

position:absolute;

cursor:pointer;

border:1px solid black;

}

.subnav1{

height:30px;

width:180px;

padding:5px 0;

color:black;

font-family: 'PT Serif', serif;

font-size:1em;

color:white;

text-decoration:none;

background-color:#D8A06E;

DISPLAY:BLOCK;

}

.subnav1:hover{

background-color:rgba(0,0,0,0.5);

}

.nav.nav1 .button:hover .dropdown{

display:block;

}

html下拉菜单的子目录,html - 带有下拉菜单的子菜单的垂直下拉菜单 - 堆栈内存溢出...相关推荐

linux下java调用python脚本,java - 在Linux Terminal中以编程方式从Java调用python脚本 - 堆栈内存溢出...
我正在开发一个Java应用程序,用于检查源文件中的补丁程序(是否存在). 用于检测补丁程序更改的核心逻辑位于python脚本[titled'patch.py']中,并且我的Java应用程序与此Py ...
html缓慢下拉,html - 列表下拉导航-适用于除野生动物园之外的所有浏览器。间隔开并缓慢 - 堆栈内存溢出...
问题我创建了一个完全由CSS完成的下拉菜单,使用了教程中介绍的绝对定位方法. 效果很好. 在Safari中,它运行缓慢,缓慢,并且链接间隔开. 该下拉菜单可在Safari以外的所有浏览器中完美运行. ...
java 重载参数子类_java - Java中带有子类参数的函数重载 - 堆栈内存溢出
这个问题已经在这里有了答案: 我有一个扩展了另一个类的类(在这种情况下,这是一个例外): public class NewTypeException extends Exception { priva ...
matlab输出pdf图片超出边框,matlab - 将Matlab Simulink模型保存为PDF，带有紧密的边界框 - 堆栈内存溢出...
给定Simulink框图(模型),我想生成稍后在LaTeX文档中使用的"屏幕截图". 我希望这个截图是PDF(矢量图形, - > pdflatex),带有一个紧密的边界框,我 ...
.dta matlab,matlab - 使用带有C DLL的delphi dta类型的问题 - 堆栈内存溢出
这里的基本问题是二进制互操作不匹配之一. 简单地说,指向数组的指针在二进制级别与Delphi开放数组参数不同. 虽然它们在语义上都表示数组,但二进制表示不同. C函数声明如下: __declspec( ...
linux下c11使用memcpy_s,c - 将c11标准与clang一起使用以使用strcpy_s - 堆栈内存溢出
我正在运行OS X Sierra并尝试编译使用strcpy_s ac程序,但是我安装的clang编译器正在使用c99标准,但是从我的阅读中来看strcpy_s需要c11. 这是我要编译的代码 #inc ...
Android消息向下堆积,android - 从CoordinatorLayout中的按钮单击事件触发NestedScroll折叠动作 - 堆栈内存溢出...
我有一个CoordinatorLayout,它包含一个ViewPager,该控件使用嵌套的滚动行为可以正常滚动. 但是,我想在单击按钮时触发滚动/折叠行为. 如何通过单击按钮来控制这种崩溃行为. 通过 ...
java url 双引号_java - Java在POST请求中发送带有转义双引号的JSON字符串[duplicate] - 堆栈内存溢出...
我正在创建一个JSONObject并将JSON字符串发送到POST请求正文中的服务器. public String toJson() { JSONObject filter = new JSONObj ...
java的tcp实时接收json格式报文_tcp - 如何使用带有rsocket Java的TcpClientTransport将自定义数据格式转换为JSON - 堆栈内存溢出...
我有一个Tcp数据提供程序,它使用管道定界符发出数据,该定界符需要转换为JSON,然后存储在NoSQL数据存储区中. 我已使用RSocket中的TcpClientTransport协议连接到提供程序, ...

html下拉菜单的子目录,html - 带有下拉菜单的子菜单的垂直下拉菜单 - 堆栈内存溢出...

html下拉菜单的子目录,html - 带有下拉菜单的子菜单的垂直下拉菜单 - 堆栈内存溢出...相关推荐

最新文章

热门文章