2

因此，我有一个带有链接的 CSS 下拉菜单，当您单击链接时，页面会加载到位于 css 菜单下方的 iframe 中。我有两个问题。

1）在谷歌浏览器中，向上滚动时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