Когда я устанавливаю #header opacity на 0.5 , все элементы, входящие в него, также перенимают это значение. Как бороться? HTML: <html> <head> <meta charset="utf-8"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div id = "wrapper"> <div id = "header"> <div id = "header_image"><img src="images/logo.png" align = "left" width="17.5%"></img> <div id = "header_text"> <p>«Web-квест» по теме: „Материнская плата и её маркировка“</p> </div> </div> </div> </body> </html> #header { width: 100%; height: 30%; background: #FFA500; opacity: 1.0; } #header_image { padding-top: 0.3%; padding-left: 3%; opacity: 1.0; } #header_text { font-family: Raleway_bold; font-size: 200%; text-align: left; margin-left: 25%; padding-top: 4.5%; color: #ffffff; opacity: 1.0; }