CSS - Change text color depending on background

Question

I have a simple layout consisting of three full height divs and a fixed header bar.

Answer 1

You can do it with jquery, when something happens, do:

$('yourdiv1').css({"color": "black"})
$('yourdiv2').css({"background-color": "white"})

To set it to default just:

$('yourdiv1').css({"color": ""})
$('yourdiv2').css({"background-color": ""})

Also add transitions to make it look really nice.