0

カスタム レポートを簡単にナビゲートする目的で、VF ページを作成しています。私はコードを学び始めたばかりで、余分な目を使ってエラーを特定することができます。

2つの問題は次のとおりです。

  1. ホバー時にメニューの 3 番目のレイヤーが表示されない (CSS コードの多くの組み合わせを試しました)

  2. 最初のリンクは iFrame で開きますが、2 つ目以降のリンクは別のタブとして開きます。

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"/>
4

1 に答える 1

0

私は試しませんが、コードをクリーンでセマンティックに保てばうまくいくでしょう。つまり、あなたのコードには非常に多くの閉じられていない要素があり、これがあなたのコードが機能しない理由である可能性は十分にあります

于 2013-04-05T14:58:02.717 に答える