gpt4 book ai didi

html - Salesforce VF 页面中的三层 CSS 菜单

转载 作者:行者123 更新时间:2023-11-28 13:06:19 25 4
gpt4 key购买 nike

我正在构建一个 VF 页面,目的是轻松浏览自定义报告。我刚刚开始学习代码,可以使用额外的眼睛来帮助识别我的错误。

两个问题是:

  1. 第三层菜单悬停不出现(我试过很多css代码组合)

  2. 初始链接在 iFrame 中打开,但后面的第二个链接作为单独的选项卡打开。


CSS

.top head {font-size: 40px; text-align: center; font-family: Verdana, sans-serif;}

.nav ul {list-style: none; margin: 0px; font-family: verdana, sans-serif; text-align: center;}

.nav li {float:left; width:200px background-color:#444444; text-align: center;
boarder-right:1px solid white; position:relative; height:30px; line-height:30px;}

.nav li ul li {float:none; width:200px; text-align:center; padding-left:5px; boarder-tip:1px solid white;}

.nav a {text-decoration:none; color:black; text-align: center;}
.nav li ul {position:absolute; top:30px; left:0; visibility:hidden;}

.nav li:hover {background-color:yellow;}
.nav li:hover ul {visibility:visible;}

HTML

<div class="nav">

<ul>
<li>
<a> Summary </a>
<ul>
<li><a href="www" target="theIframe">Volume </a></li>
<ul>
<li><a href="www" target="theIframe">Overall</a></li>
</ul>
<li><a href="www" target="theIframe"> ASP </a></li>
</ul>

</ul>
</div>

<br/>

<iframe src="www" scrolling="true" id="theIframe" width="90%" align="center"/>

最佳答案

我没有尝试,但如果您保持代码整洁和语义化,它就会奏效。我的意思是现在,您的代码有很多未闭合的元素,这很可能就是您的代码不起作用的原因

关于html - Salesforce VF 页面中的三层 CSS 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15836409/

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