1

その下のオブジェクトの上に開くことができるようにしたいnavmenuhtmlがあります。Fx。アプレットまたは埋め込まれた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 にラップして、クリック イベントで visibility:hidden、display:none、および/またはその両方に設定しようとしました (そのため、ポップアップ モーダル ダイアログが PDF 領域の上に表示されます)。 ) など。Safari では何も動作しません。しかし、これは本当に奇妙なことです。仕事中、私は Windows 7 PC を使用しており、タスク バーで開いているアプリのアイコンにマウス ポインターを合わせると、プレビュー ウィンドウにアプリのミニチュア バージョンが表示されます。開いている Safari にマウスを合わせると、表示される画像に修正が正しく機能していることがわかります。そして、画像をクリックして実際の Safari ウィンドウを最前面に表示すると、すべてが再び「壊れた」状態になります。今それは奇妙です。

Safari で有効な解決策を見つけた場合は、私に連絡してください。同様に対処します。

于 2012-12-15T00:44:12.183 に答える