我正在构建一个VF页面,以便轻松导航自定义报告。我刚刚开始学习代码,可以使用额外的一组眼睛来帮助识别我的错误。
这两个问题是:
悬停时没有出现菜单的第三层(我尝试了很多css代码组合)
初始链接在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"/>
答案 0 :(得分:0)
我不尝试,但如果你保持你的代码干净,语义,它将是有效的。我的意思是,你的代码有很多未封闭的元素,很有可能这就是为什么不工作你的代码