Проблема с наследованием. css.

@мдфвшьшк · Регистрация: 21.08.2011

Author24 — интернет-сервис помощи студентам

Вот в чем суть. У меня имеется див блок, у которого установлено свойство opasity:0.3; Проблема в том, что другой блок внутри этого наследует тоже свойство. Мне это не надо, как от этого избавиться?

@Dimedrol · 19.03.2012, 19:21

Никак с опасити. Если нужен полупрозрачный фон с изображением, используйте полупрозрачное изображение, если нужен полупрозрачный цвет, используйте rgba.

@мдфвшьшк · 19.03.2012, 20:03 **[ТС]**

Спасибо, помогло.

@outoftime · 19.03.2012, 20:50

CSS

.transparent {
    background-color: black;
    opacity: 0.3;
} > * { opacity: 1; }

Добавлено через 1 минуту

Сообщение от Dimedrol

Никак с опасити.

да ну

@Dimedrol · 19.03.2012, 21:21

outoftime, ну

HTML5

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
  body {
    background:black; 
  }
  div.zoe1 {
    opacity:.1;
    background:magenta;
    width:200px;
    height:200px;
  }
  div.zoe2 {
    background:yellow;
    width:100px;
    height:100px;
  }
  div.zoe1 > * {
    opacity:1;
  }
</style>
</head>
<body>
  <div class="zoe1">
    <div class="zoe2">
      &nbsp;
    </div>
    &nbsp;
  </div>
</body>
</html>

Посмотри что получилось.

@мдфвшьшк 0 / 0 / 0 Регистрация: 21.08.2011 Сообщений: 27
		1
	Проблема с наследованием. css. 19.03.2012, 19:20. Показов 892. Ответов 4 Метки нет (Все метки) Вот в чем суть. У меня имеется див блок, у которого установлено свойство opasity:0.3; Проблема в том, что другой блок внутри этого наследует тоже свойство. Мне это не надо, как от этого избавиться? 0

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	19.03.2012, 19:21	2
	Никак с опасити. Если нужен полупрозрачный фон с изображением, используйте полупрозрачное изображение, если нужен полупрозрачный цвет, используйте rgba. 0

@мдфвшьшк 0 / 0 / 0 Регистрация: 21.08.2011 Сообщений: 27
	19.03.2012, 20:03 [ТС]	3
	Спасибо, помогло. 0

	19.03.2012, 21:21