Свойство Opacity на CSS!

maxefect · 08.01.2012, 01:35

И так, сегодня назрела такая проблема с которой столкнулся....
Искал, что то для прозрачности и подсказали использовать именно это свойство - opacity

брал таблицу
В ней нужны были ячейки с прозрачным фоном
значит

Код HTML:

#id {opacity:0.7}

Но вот и назрела проблема - текст стал тоже прозрачным
думал что отдельно взять

Код HTML:

p#fut {opacity:1.0}

Но текст внутри не реагировал!

Так вот вопрос:

Как отменить правило opacity для внутреблочных элементов?

redreem · 08.01.2012, 12:01

никак. вот схема решения:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<style type="text/css">
		html,body {width:100%;font:14px Arial;color:#444}
		body {background-color:#122;line-height:150%}
		
		.outerDiv {position:relative;width:500px;margin:32px auto;border:1px solid #fff}
		.innerDiv {position:relative;width:100%;color:#000}
		.muarDiv {position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#fff;opacity:0.7}
	</style>

</head>
<body>

<div class="outerDiv">
	<div class="muarDiv"></div>
	<div class="innerDiv">
		текст<br>
		текст<br>
		текст<br>
		текст<br>
		текст<br>
		текст<br>
		текст<br>
	</div>
</div>

</body>
</html>

maxefect · 08.01.2012, 18:27

redreem
а почему когда я стал проверять, то фон текста (а вы для этого создали muarDiv и задали ему свойство прозрачности) не стал прозрачным!

Кстати пытался применить свойство rgba

Код HTML:

.tr  {background: rgba(200, 54, 54, 0.5)}

Но и оно не сработало!

Может тогда брать png (например коричневый фон и задать ему прозрачность) и подгружать его

redreem · 08.01.2012, 23:18

все работает, незнаю что значит "стал проверять".

maxefect · 08.01.2012, 23:42

Ну вот скриншот
http://i32.fastpic.ru/big/2012/0108/...049e35f767.png
И ТАК во всех браузерах смотрел! Не знаю где тут прозрачность ...

redreem · 09.01.2012, 00:45

Код:

.muarDiv {position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#fff;opacity:0.7}

#fff - это какой цвет? правильно - белый. интересно почему на скриншоте фон у дива не белый (сравниваем с бордером)?

Подсказка: положи на фон боди картинку и посмотри

vitaly-go · 09.01.2012, 13:04

Цитата:

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

#fff - это какой цвет? правильно - белый.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Свойство background	vadim_32	HTML, CSS, JavaScript	0	19.03.2012 22:48
opacity или прозрачность	web_smile	HTML, CSS, JavaScript	3	28.09.2011 12:06
body opacity	handler	HTML, CSS, JavaScript	3	15.07.2011 23:47
Свойство div - какое?	dima_kiv	HTML, CSS, JavaScript	6	17.02.2009 13:58
Проблема с filter: alpha(opacity=50)	BobiKK	HTML, CSS, JavaScript	1	07.11.2007 19:14

08.01.2012, 01:35	#1
maxefect	И так, сегодня назрела такая проблема с которой столкнулся.... Искал, что то для прозрачности и подсказали использовать именно это свойство - opacity брал таблицу В ней нужны были ячейки с прозрачным фоном значит Код HTML: #id {opacity:0.7} Но вот и назрела проблема - текст стал тоже прозрачным думал что отдельно взять Код HTML: p#fut {opacity:1.0} Но текст внутри не реагировал! Так вот вопрос: Как отменить правило opacity для внутреблочных элементов?

08.01.2012, 18:27	#3
maxefect	redreem а почему когда я стал проверять, то фон текста (а вы для этого создали muarDiv и задали ему свойство прозрачности) не стал прозрачным! Кстати пытался применить свойство rgba Код HTML: .tr {background: rgba(200, 54, 54, 0.5)} Но и оно не сработало! Может тогда брать png (например коричневый фон и задать ему прозрачность) и подгружать его

08.01.2012, 23:18	#4
redreem	все работает, незнаю что значит "стал проверять".

08.01.2012, 23:42	#5
maxefect	Ну вот скриншот http://i32.fastpic.ru/big/2012/0108/...049e35f767.png И ТАК во всех браузерах смотрел! Не знаю где тут прозрачность ...

09.01.2012, 00:45	#6
redreem	Код: .muarDiv {position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#fff;opacity:0.7} #fff - это какой цвет? правильно - белый. интересно почему на скриншоте фон у дива не белый (сравниваем с бордером)? Подсказка: положи на фон боди картинку и посмотри Последний раз редактировалось redreem; 09.01.2012 в 00:47..