css - 在模态内/上方显示谷歌选择器

Question

有没有办法让谷歌驱动器选择器显示在自定义模式或 div 中？我有一个模态，用户可以选择多个提供者，例如谷歌，保管箱。该模式包含其中的所有 js 和 css 文件。所以当我点击谷歌驱动时，选择器 iframe 被嵌入到 body 和我的模态后面，尽管我的模态 z-index 是 1030 和选择器 iframe zindex 是 2292。

Answer 1

我通过使用以下代码在前面设置谷歌选择器容器解决了这个问题:

    var picker = new google.picker.PickerBuilder()
        .enableFeature(google.picker.Feature.NAV_HIDDEN)
        .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
        .setAppId(appId)
        .setOAuthToken(oauthToken)
        .addView(view)
        .addView(new google.picker.DocsUploadView())
        .setDeveloperKey(developerKey)
        .build();
    if (callback)
        picker.setCallback(callback);

    picker.setVisible(true);

    //I put this code to make the container in front.

    var elements= document.getElementsByClassName('picker-dialog');
    for(var i=0;i<elements.length;i++)
    {
        elements[i].style.zIndex = "2000";
    }