2

リンク付きの CSS ドロップダウン メニューがあります。リンクをクリックすると、CSS メニューの下に配置された iframe にページが読み込まれます。2 つの問題があります。

1) Google Chrome では、上にスクロールすると iFrame にグレーの線が表示されると思いますが、実際にスクロール バーを上にドラッグすると、さらに多くの線が表示されます。

2) 一部のリンクは PDF ファイルへのリンクであり、それらが iFrame に読み込まれると、CSS メニューの一部の上に表示されます。

何か案は？細い線について同様の問題がある記事をいくつか見つけましたが、私が見た解決策はどれも機能していないようです.

    <!DOCTYPE html>

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>AHCS - eLearning Portal - Caregiver Welcome</title>
  <link rel="stylesheet" type="text/css" href="portal.css" />

</head>

<body>
  <div id="cgframeinner">
    <div id="reflibcontainer">
    <div id="reflibhead">
        <h2>Reference Library</h2>
    </div>
  <div id="reflibnav">
    <span style="display:block;"><ul id="css3menu1" class="topmenu">
        <li class="toproot"><a href="#" style="height:16px;line-height:16px;"><span>COPD</span></a>
        <ul>
            <li><a href="http://copdfoundation.org/COPDYou/COPDTrainingVideos.aspx" target="frame2">COPD Training Videos</a></li>
            <li><a href="http://copdfoundation.org/" target="frame2">COPD Foundation</a></li>
            <li><a href="http://copdfoundation.org/portals/0/files/pdfs/4-fact-sheet-LMBB.pdf" target="frame2">COPD Fact Sheet</a></li>
            <li><a href="http://copdfoundation.org/portals/0/files/pdfs/BreathingBetterwithCOPD.pdf" target="frame2">Breathing Better With COPD</a></li>
            <li><a href="http://copdfoundation.org/COPDYou/Glossary.aspx" target="frame2">COPD Glossary of Terms</a></li>
            <li><a href="http://copdfoundation.org/Portals/0/Files/pdfs/What%20is%20COPD1.pdf" target="frame2">What is COPD?</a></li>

        </ul></li>
        <li class="toproot"><a href="#" style="height:16px;line-height:16px;"><span>CHF</span></a>
        <ul>
            <li><a href="http://www.heart.org/HEARTORG/Conditions/CongenitalHeartDefects/TheImpactofCongenitalHeartDefects/Congestive-Heart-Failure_UCM_307111_Article.jsp" target="frame2">American Heart Association</a></li>
            <li><a href="http://www.webmd.com/heart-disease/guide-heart-failure" target="frame2">WebMD CHF Guide</a></li>
        </ul></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Pneumonia</a></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Fall Risk</a></li>
        </ul></span>
    </div>
    <iframe src="" width="500px" height="350px" name="frame2"></iframe>
</div>
</div>

</body>
</html>
4

0 に答える 0