Как зделать БГ немного прозрачным

Mr.Black · November 17, 2010

Подскажите как зделать БГ немного прозрачным???

klierik · November 17, 2010

div {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.55;
}

Mr.Black · November 17, 2010

Спасибо , но оно полностю делает прозрачным а мне нужно чтоб только задний цвет...http://img201.imageshack.us/img201/5185/70283713.png

psywalker · November 17, 2010

Зайти в фотошоп, врубить этот рисунок и повысить ползунком у него прозрачность)

Mr.Black · November 17, 2010

да там не рисунок а background-color:цвет;

psywalker · November 17, 2010

да там не рисунок а background-color:цвет;

Ну ты можешь сделать его рисунком, просто возьми квадратик 10 на 10, и сделай его, как фон.

deadrash · November 17, 2010

Вот ещё как вариант http://css-tricks.com/rgba-browser-support/

Mr.Black · November 17, 2010

Хороший сайт ,но один вопрос какой #311a13 ето цвет в rgba???

psywalker · November 17, 2010

49 26 19

deadrash · November 17, 2010

Хороший сайт ,но один вопрос какой #311a13 ето цвет в rgba???

FireFox+ColorZilla

p.s. Только не забывайте что такая прозрачность в большом количестве лагает страничку, при чём чем больше элементов на странице (неважно прозрачных или нет) тем сильней будут лаги. А если ещё и text-shadow добавить, то на ноутбуке в IE сайт уже не откроется. Рекомендуется использовать только для маленьких popup окошек.

Edited November 17, 2010 by deadrash

Mr.Black · November 18, 2010

Понятно....попробуем зделать ,о результатах сообщу.deadrash спасибо за помощь

Mr.Black · November 18, 2010

Ие невоспринимает прозрачность

Edited November 18, 2010 by Mr.Black

Great Rash · November 18, 2010

Боже... вам же ответили в первом же ответе! Используйте opacity!

Mr.Black · November 18, 2010

А я ответил во втором что opacity делает все прозрачным ,не только фон ,а все

deadrash · November 18, 2010

На том же сайте куда ссылку давал там описано как проблему в ИЕ решить, параграф "A better fallback for IE" смотрите.

там в коде:

<!--[if IE]>

.color-block {

background:transparent;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);

zoom: 1;

}

</style>

<![endif]-->

Я так понимаю вот эти 50 как раз и означают прозрачность 0.5

Но в какой версии ИЕ это должно работать не знаю, не пробовал, может во всех.

Edited November 18, 2010 by deadrash

Mr.Black · November 18, 2010

Сейчас я попробую....

Mr.Black · November 18, 2010

В ИЕ работает ,только цвет не тот что мне нужен.....тему офф.Всем спасибо

sigma77 · November 18, 2010

Я так понимаю вот эти 50 как раз и означают прозрачность 0.5
Но в какой версии ИЕ это должно работать не знаю, не пробовал, может во всех.

Нет. Это цвет. Прозрачность задается первыми двумя знаками (в шестнадцатиричном формате).

Работает то ли с 4-го то ли с 5-го ИЕ.

Mr.Black · November 18, 2010

sigma77,спасибо,откуда узнал???

Great Rash · November 19, 2010

Mr.Black, дубль три... используйте OPACITY. Ужос...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />

	<style type="text/css">
		body {
			background: #69c;
		}

		.opaque {
			position: relative;
			width: 300px;
		}

		.opaque .content {
			position: relative;
			z-index: 1;
			padding: 10px;
		}

		.opaque .bg {
			position: absolute;
			top: 0;
			bottom: 0;
			width: 100%;
			background: #f00;

			-moz-opacity: 0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
			-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
		}
	</style>

	<!--[if lt IE 8]>
	<style type="text/css">
		.opaque .bg {
			filter: alpha(opacity=50);
		}
	</style>
	<![endif]-->

	<!--[if lt IE 7]>
	<style type="text/css">
		.opaque .bg {
			height: expression(this.parentNode.offsetHeight + 'px');
		}
	</style>
	<![endif]-->
</head>

<body>

	<div class="opaque">
		<div class="content">
			Я не прозрачный текст! Юзер, примени мозг и ты 
			додумаешься до гораздо более удивительных вещей чем 
			элементарное подсовывание бекграунда под текст!
		</div>
		<div class="bg"></div>
	</div>

</body>
</html>

sigma77 · November 19, 2010

sigma77,спасибо,откуда узнал???

Прочитала + http://msdn.microsoft.com/en-us/library/ms...7(v=VS.85).aspx

HTML

<div>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et tortor dui, ac ornare mauris. Quisque tincidunt ipsum ac ante commodo non suscipit tortor volutpat. Donec tristique, sapien vel posuere mattis, sem massa pellentesque dolor, eget hendrerit nibh libero sed turpis. Fusce elementum lectus eu enim pharetra placerat. </p>
</div>

CSS

div {
	background: rgba(49, 26, 19, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7F311A13', EndColorStr='#7F311A13');
}

Таблица перевода значений:

0 - 00

0.1 - 1A

0.2 - 33

0.3 - 4D

0.4 - 66

0.5 - 7F

0.6 - 99

0.7 - B3

0.8 - CC

0.9 - E5

1 - FF

Sign In

Как зделать БГ немного прозрачным

Question

Link to comment

Share on other sites

20 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information