Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript
Перезагрузить страницу

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


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

Обсуждение темы Свойство Opacity на CSS! в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; И так, сегодня назрела такая проблема с которой столкнулся.... Искал, что то для прозрачности и подсказали использовать именно это свойство - opacity брал ...


Закрытая тема
 
Опции темы
Старый 08.01.2012, 01:35   #1
И так, сегодня назрела такая проблема с которой столкнулся....
Искал, что то для прозрачности и подсказали использовать именно это свойство - opacity

брал таблицу
В ней нужны были ячейки с прозрачным фоном
значит
Код HTML:
#id {opacity:0.7}
Но вот и назрела проблема - текст стал тоже прозрачным
думал что отдельно взять
Код HTML:
p#fut {opacity:1.0}
Но текст внутри не реагировал!

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

Как отменить правило opacity для внутреблочных элементов?
 
Старый 08.01.2012, 01:35
Ссылки
Старый 08.01.2012, 12:01   #2
никак. вот схема решения:
Код:
<!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>
 
Старый 08.01.2012, 18:27   #3
redreem
а почему когда я стал проверять, то фон текста (а вы для этого создали muarDiv и задали ему свойство прозрачности) не стал прозрачным!

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

Код HTML:
.tr  {background: rgba(200, 54, 54, 0.5)}
Но и оно не сработало!

Может тогда брать png (например коричневый фон и задать ему прозрачность) и подгружать его
 
Старый 08.01.2012, 23:18   #4
все работает, незнаю что значит "стал проверять".
 
Старый 08.01.2012, 23:42   #5
Ну вот скриншот
http://i32.fastpic.ru/big/2012/0108/...049e35f767.png
И ТАК во всех браузерах смотрел! Не знаю где тут прозрачность ...
 
Старый 09.01.2012, 00:45   #6
Код:
.muarDiv {position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#fff;opacity:0.7}
#fff - это какой цвет? правильно - белый. интересно почему на скриншоте фон у дива не белый (сравниваем с бордером)?

Подсказка: положи на фон боди картинку и посмотри
Последний раз редактировалось redreem; 09.01.2012 в 00:47..
 
Старый 09.01.2012, 13:04   #7
Цитата:
Сообщение от redreem Посмотреть сообщение
#fff - это какой цвет? правильно - белый.
 
Старый 09.01.2012, 13:04
Закрытая тема

« Бескорыстно помогаю с версткой для Wordpress | Не отображаются картинки и стиль »

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Свойство 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


Текущее время: 01:32. Часовой пояс GMT +4.



Справка - Обратная связь - Web-silver.ru - Архив - Календарь - Карта - Вверх

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум