时间戳

首页 > 解决方案 > 作为背景嵌入的谷歌地图涵盖了其余内容

html - 作为背景嵌入的谷歌地图涵盖了其余内容

问题描述

我使用谷歌嵌入式地图作为背景。它适用于除 iPhone 6 和 iPhone 7 之外的所有浏览器和设备。在 iPhone 6 上，地图涵盖了其余内容 请参见下面的 html 代码：数据数据

                        <div class="tabs-simple">
                            <div class="tabs">
                                <div id="data" class="tab active">
                                    <h4 class="data_title"><strong>Summary</strong></h4>
                                </div>
                                <div id="data2" class="tab">
                                    <h4 class="data_title">Data 2</h4>                          
                                </div>
                            </div>
                        </div>
                    </div>
                </center>
            </main>
        </wrapper>
    </div>

标签： htmlcssgoogle-maps

解决方案

您可以使用 css 来订购需要首先在窗口上显示的内容。你可以添加这样的东西： z-index: auto|number|initial|inherit; 在你的情况下，如果你想div class='tabs'展示你可以在你的css文件中做这样的事情

div.tabs {
z-index: 999;
}

您可以在此处查看如何使用它

推荐阅读