lights on

lights off

Apple music system integrated

update my livingroom’s magicmirror Video

thanks for watching

my mirror
Very cool 😼

Hi Friends,
My new house finally done, thank you all for this cool staff.
This magicmiorr box includes many devices in there and also has a fish tank inside box.
MM’s display control by PIR and MM’s GPIO controls door lock to avoid children open it and a led power supply to light up TV wall.

Due to this system is dynamic shows many things, maybe I can make a clip when I available.

Cheers,
Jake

@broberg all set, thank you~

in custom.css

html {
  cursor: none;
  overflow: hidden;
  background: transparent;
	}
 .region.fullscreen * {
  pointer-events: auto;
  position: top;
  top: 0px;
	}

@broberg Yes, I will modify it later.

@davidnesbitt7 finally I got some thing, I was add z-index in wrong place.

I am now add z-index in MMM-RandomPhoto.js:

img id="mmm-photos-placeholder1" style="z-index=-1;opacity: 0; position: absolute" img id="mmm-photos-placeholder2" style="z-index=-1;opacity: 0; position: absolute" 

and remark background in main.css:

 // background: #000;

now it works, only issue is picture not shows from top, but it’s minor, when display behind mirror. :grin:

@davidnesbitt7 I’ve tried that, but not succeed… :disappointed:
thanks for your time, I will try others later…

@davidnesbitt7
thanks for the solution.
I am using MMM-RandomPhoto module, it can get 1080x1920 picture automatically and change in every 60 seconds.

			{
				module: 'MMM-RandomPhoto',
				position: 'fullscreen_above',
				config: {
					opacity: 0.4, 
			        	animationSpeed: 2000,
			        	updateInterval: 600,
			        	url: 'https://unsplash.it/1080/1920/?random' //1080x160
				}
			},

Maybe I can try add something in .js file below:
https://github.com/diego-vieira/MMM-RandomPhoto/blob/master/MMM-RandomPhoto.js

@davidnesbitt7 thanks, it should be absolute, I didn’t change others, just add z-index= -1 or 1

Hi all,
Is there anyone knows how to fix the issue on my MagicMirror, it’s about CSS z-index function.
Today I update MM system to 2.1.1, seems everything goes fine and smoothly.
After that, I found CSS z-index is useless(main.css), no matter how I change, it still won’t work and seems everything are going transparency, and background picture won’t show from the top, the region I use is “fullscreen_above”.

This is before upgrade:

This is after upgrade to 2.1.1

I would like keep z-index function when I wanna show background picture, can someone give me a hint? thank you so much.

Regards,
Jake