Problema con opacity

[ElJavista]

Esto es solo una teoría, no lo he probado, pero podrías poner una capa que no pertenezca al body, o sea, que esté en el head, con CSS haces que tenga una posición absoluta y mediante JavaScript lo posicionas en un determinado lugar. También podrías posicionarlo con CSS, pero con JavaScript podrías colocarlo en una posición relativa a un elemento HTML de modo que no se altere el diseño con las distintas resoluciones. Creo que al no estar dentro del body no le afectaría el estilo que se le de al body. Eso creo.