在ios

Question

所以我遇到了移动游猎的固定定位问题，场景如下

我有一个有相对位置的标题然后在我的主要内容中我有一个模态类型的东西，它可以覆盖所有屏幕，包括标题。那个模态的东西有固定的位置。问题是模态没有覆盖标题并且在标题后面。

我尝试过使用z-index两者都没用，我试过转换属性修复没有用。

我可以得到一些帮助吗？

<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">

    // this the headr
    <nav class="tab-bar show-for-medium-down">
        <section class="right-small">
            <a class="right-off-canvas-toggle menu-icon">
                <span></span>
            </a>
        </section>

        <section class="section-header">
            <span data-bind="text: selectedLocation().friendlyName" class="location-name"></span>
        </section>

        <section class="nav-back">
            <button class="tiny back" data-bind="click: $root.navBack"><i class="fi-arrow-left"></i></button>
        </section>

    </nav>

    // .. other menu items

    <aside class="main-section">
        <div id="appview" class="loading">
            <div id="workspace" class="map_canvas">

                <section id="map-stuff" data-bind="visible:mapView">
                    // some stuff goes here  
                </section>

                <section class="other-stuff">
                    // in here I have the layoue item
                </section>

            </div>
        </div>
    </aside>
</div>