Skip to content
jtg-gg edited this page Dec 24, 2014 · 4 revisions

Transparency requires node-webkit >= v0.11.2

in your html body, specify the alpha of the background colour, in my example below, I set it to be full transparent

<body style="background-color:rgba(0,0,0,0);">

you can set the window's transparency "on the fly" using

var gui = require('nw.gui');
var win = gui.Window.get();
win.setTransparent(!win.isTransparent);

you can also specify it in package.json

  "window": {
    "transparent": true
  }

Windows

support only windows vista and above, DWM (Desktop Window Manager) must be enabled (i.e. transparency might not work on classic theme / basic version of the OS / using remote desktop)

Linux

you need to run node webkit with these params

--enable-transparent-visuals --disable-gpu

and your window manager needs to support compositing

Click through transparency

Click through transparency requires node-webkit >= v0.11.4

to enable Transparency clickthrough (currently only supported on OSX / WIN) you must run with these args

--disable-gpu --force-cpu-draw

the click through is only supported for frameless, non resizable frame, though it might work for other configuration, depending on the OS. Click through only works if the alpha value in the pixel is 0

Clone this wiki locally