Ciao a tutti ho inserito in un div una immagine filtrata, nel codice troverete due filtri, stavo facendo delle prove perché ero indeciso, comunque sopra a questa immagine di backuground vorrei inserire un testo, e fin qui tutto ok, ma la domanda è perché anche il testo prendo il filtro del background?

codice:
  }         .banner {
            height: 400px;
            background-image: url(immagini/immagini/1.jpg);
			background-size: cover;
  			background-repeat: no-repeat;
			-webkit-filter: blur(0px);
			-moz-filter: blur(0px);
			-o-filter: blur(0px);
			-ms-filter: blur(0px);
			filter: blur(0px);
			-webkit-filter: opacity(50%);
			-moz-filter: opacity(50%);
			-o-filter: opacity(50%);
			-ms-filter: opacity(50%);
			filter: opacity(50%) blur(2px);
         }


codice:
<div class="banner">
			 <span style="color: #eee; font-size: 30px;">#trasportiamo il tuo mondo</span>
		  </div>