Question

所以，我有一个带有链接的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>

向上滚动时出现在Chrome中的iFrame中的线条

0 个答案: