Skyline 三维窗口的遮盖

最新推荐文章于 2020-07-15 09:02:35 发布

立玉

最新推荐文章于 2020-07-15 09:02:35 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Skyline综合

本文链接：https://blog.youkuaiyun.com/lbsnews/article/details/24432461

Skyline综合专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何利用HTML元素，如popup和iframe，来遮盖Skyline的三维窗口。特别提到，通过table布局也能实现遮盖效果，且在IE10及以下版本浏览器中运行良好。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想用html元素了遮盖住Skyline的三维窗口基本上两张方式，popup 和Iframe。在进行窗口布局设计时偶然发现用table也能覆盖住三维窗口。

注意：请用IE内核浏览器查看运行结果(Result)。经测试<IE10> 运行无问题。DOME

首先定义一个table

<body>
    <input type="button" value="隐藏对Loge的遮盖" onclick="hidediv()" />
    <table style="border-style: none; border-width: thin; height:100%; width:100%">
        <tr>
            <td valign="top">
                <div style="height: 400px; overflow: hidden;">
                    <object id="TE" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" width="100%" height="500px"></object>
                </div>
                <div id="divtest">
                    <table style="background-color: Blue; border: 0; width: 100%;">
                        <tr>
                            <td align="center" width="12%">经度：</td>
                            <td id="TdbStatusX" align="left" width="22%">0</td>
                            <td align="center" width="12%">纬度：</td>
                            <td id="TdbStatusY" align="left" width="22%" colspan="0">0</td>
                            <td align="center" width="12%">高度：</td>
                            <td id="TdbStatusH" align="left" width="22%">0</td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <object id="sgworld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility: hidden;height: 0"></object>
</body>

CSS内容，可以通过修改CSS来查看效果。

html {
    height: 96%;
}
body {
    height: 97%;
    border: solid 1px black;
}