youtube.com has a top banner (<div id="masthead-positioner">) with a z-index of 1999999999 (that's almost 2 billion), whereas the red/green triangle injected by the greasemonkey script has a z-index of 214748364 (that's about 0.2 billion). So, the red/green triangle goes underneath youtube's top banner. Can we increase the z-index even higher to compensate? Or is there some more robust way of dealing with this problem? Perhaps, considering that there may be a maximum possible value for z-index (varies from browser to browser), maybe our greasemonkey script should look for other elements with a higher z-index than that of the red/green triangle and reduce those values.
youtube.com has a top banner (
<div id="masthead-positioner">) with a z-index of 1999999999 (that's almost 2 billion), whereas the red/green triangle injected by the greasemonkey script has a z-index of 214748364 (that's about 0.2 billion). So, the red/green triangle goes underneath youtube's top banner. Can we increase the z-index even higher to compensate? Or is there some more robust way of dealing with this problem? Perhaps, considering that there may be a maximum possible value for z-index (varies from browser to browser), maybe our greasemonkey script should look for other elements with a higher z-index than that of the red/green triangle and reduce those values.Thoughts?