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

前端之家收集整理的这篇文章主要介绍了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";
    }
原文链接:https://www.f2er.com/css/215249.html

猜你在找的CSS相关文章