1

我有导航菜单 html，我希望能够在它下面的对象顶部打开。外汇。小程序或嵌入的 pdf 文件。但是，将 div 浮动在嵌入元素或小程序上并不适用于所有浏览器（需要 safari、ie8+、firefox、chrome）。不起作用我的意思是它没有出现在顶部。

查看各种帖子，我得出以下代码：

    <!DOCTYPE html>
<html>
<head>
     <script type="text/javascript">
        function showHideElement(element){
            var elem = document.getElementById(element);

            if (elem.style.display=="none"){
                elem.style.display="block"
            }
            else{
                elem.style.display="none"
            }
        }
    </script>
    <style>
        div:hover {
            background-color:red !important;
        }
    </style>
</head>
<body>
    <div style="position:absolute;height:100px;width:100px;background-color:Yellow;" onclick="showHideElement('Iframe1');">click me to toggle elem (ie)</div>
    <div style="position:absolute;z-index:100;background-color:Green;height:100px;width:100px;margin-left:200px;"></div>

    <div style="position:absolute;z-index:20;margin-left:200px;">
    <iframe visible="true"  id="Iframe1" height="100" width="100" runat="server" frameborder="0" scrolling="auto" >

     </iframe>
     </div>

    <div style="position:absolute;z-index:10;margin-left:100px;">
        <iframe visible="true" style="z-index:1" id="ipdf" src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" height="1000" width="1000" runat="server" frameborder="0" scrolling="auto" >
        </iframe>
     </div>
</body>
</html>

这适用于除 Safari 之外的所有浏览器，是否也可以在 Safari 上运行（我使用的是 5.1.4 Windows）？

我在以前的帖子中没有看到 Safari 的提及...

谢谢

4

1 回答 1

0

我自己仍在寻找解决方案。到目前为止，我没有发现任何适用于 Safari 的东西。我尝试将嵌入的 PDF 包装在 iframe 中，在 div 中，将其设置为可见性：隐藏，显示：无，和/或两者都在单击事件上（因此弹出模式对话框显示在 PDF 区域的顶部) 等。 Safari 无法正常工作。不过，这确实很奇怪。在工作中，我使用的是 Windows 7 PC，当鼠标悬停在任务栏上打开的应用程序的图标上时，会出现一个预览窗口，其中包含该应用程序的微型版本。当我将鼠标悬停在我打开的 Safari 上时，出现的图像显示我的修复工作正常！当我单击图像以使实际的 Safari 窗口出现在最前面时……一切都再次“损坏”了。现在这很奇怪。

如果您找到适用于 Safari 的有效解决方案，请与我联系，我也会这样做。

于 2012-12-15T00:44:12.183 回答