diff --git a/app/loop.go b/app/loop.go
index cf00c415..32b579e3 100644
--- a/app/loop.go
+++ b/app/loop.go
@@ -86,7 +86,13 @@ func (l *renderLoop) renderLoop(ctx window.Context) error {
 				l.refreshErr <- ctx.MakeCurrent()
 			case frame := <-l.frames:
 				ctx.Lock()
-				g.Clear(color.NRGBA{A: 0xff, R: 0xff, G: 0xff, B: 0xff})
+				if runtime.GOOS == "js" {
+					// Use transparent black when Gio is embedded, to allow mixing of Gio and
+					// foreign content below.
+					g.Clear(color.NRGBA{A: 0x00, R: 0x00, G: 0x00, B: 0x00})
+				} else {
+					g.Clear(color.NRGBA{A: 0xff, R: 0xff, G: 0xff, B: 0xff})
+				}
 				g.Collect(frame.viewport, frame.ops)
 				// Signal that we're done with the frame ops.
 				l.ack <- struct{}{}