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

前端之家收集整理的这篇文章主要介绍了css – 在模态内部/上方显示谷歌选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法显示谷歌驱动器选择器显示自定义模式或div内?我有一个模式,用户可以选择多个提供商,例如谷歌,DropBox.该模式包含其中的所有js和css文件.因此,当我点击谷歌驱动器时,选择器iframe被嵌入到我的模态后面,虽然我的模态z-index是1030而选择器iframe zindex是2292.

解决方法

我通过使用以下代码在前面设置谷歌选取器容器解决了这个问题:
  1. var picker = new google.picker.PickerBuilder()
  2. .enableFeature(google.picker.Feature.NAV_HIDDEN)
  3. .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
  4. .setAppId(appId)
  5. .setOAuthToken(oauthToken)
  6. .addView(view)
  7. .addView(new google.picker.DocsUploadView())
  8. .setDeveloperKey(developerKey)
  9. .build();
  10. if (callback)
  11. picker.setCallback(callback);
  12.  
  13. picker.setVisible(true);
  14.  
  15. //I put this code to make the container in front.
  16.  
  17. var elements= document.getElementsByClassName('picker-dialog');
  18. for(var i=0;i<elements.length;i++)
  19. {
  20. elements[i].style.zIndex = "2000";
  21. }

猜你在找的CSS相关文章