der Fade-Effekt besteht darin, opacity-Werte zuzuweisen. Diese beziehen sich immer auf das gesamte Element, einschließlich aller Inhalte.
stimmt!
aber um einen lösungsansatz für dich zu stellen:
du kannst ein container-div nehmen und ihn relativ positionieren, darin befindet sich ein absolut positioniertes div das für den inhalt ist und ein relativ positioniertes div für den text:
<div id="container">
<div id="background"></div>
<div id="text">TEXT</div>
</div>
#container {position: relative;}
#background {width: 100%; height: 100%; position: absolute;}
#text {position: relative;}
den hintergrundwechsel wendest du dann nicht auf den container an, sondern nimmst hierzu den "background-div".
mfg nemoinho