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

有没有办法显示谷歌驱动器选择器显示在自定义模式或div内？我有一个模式,用户可以选择多个提供商,例如谷歌,DropBox.该模式包含其中的所有js和css文件.因此,当我点击谷歌驱动器时,选择器iframe被嵌入到我的模态后面,虽然我的模态z-index是1030而选择器iframe zindex是2292.

解决方法

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

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";
    }