使Chrome扩展程序弹出窗口透明

时间:2012-08-14 01:11:26

标签: google-chrome-extension popupwindow

我正在写一个chrome扩展程序。我想知道是否有办法使弹出窗口透明,即用户可以看到当前页面的内容,即使弹出窗口覆盖它。谢谢!

2 个答案:

答案 0 :(得分:1)

昨天我想到了一个有趣的想法,虽然你无法删除白色背景,但仍然可以模仿透明背景。

这将通过在打开弹出窗口之前截取页面的屏幕截图并将其作为弹出窗口的背景图像来完成。 我不确定背景图像的位置计算将如何进行,如果可能的话,请尝试一下。

当然你仍然会有弹出框的白色边框和框阴影,但它看起来仍然很好。

请注意,如果弹出窗口后面有任何移动,则此技巧可能无效:

  • 视频/音频播放器
  • 图片滑块
  • 广告横幅
  • 自动更新新闻Feed(社交媒体)
  • CSS动画
  • 等......

使用后台脚本中的captureVisibleTab完成屏幕截图: https://developer.chrome.com/extensions/tabs#method-captureVisibleTab

您将使用消息或存储将屏幕截图图像数据发送到弹出窗口。

答案 1 :(得分:0)

似乎没有办法做到这一点。 Chrome默认为白色的弹出式背景,除非您在扩展程序中进行更改。

但是,谷歌确实提到弹出窗口会调整其内容。 http://developer.chrome.com/dev/extensions/browserAction.html#popups