Как задать блоку цвет с прозрачностью?

Question

[Frel]

Через, что задать блоку цвет с прозрачностью? Что то не выходит!
Вот данные:

Пробовал через ргба, но тама -3 прозрачность не выходит!

Answer 1

[Сергей]

background-color: rgba(0,0,0,.55);
Первые три цифры от 0 до 255, последняя - число от 0 до 1. Прозрачность 55% в примере.
---------------------------
Как вариант - сделать блок и вложенные элементы прозрачными:
opacity: .55;
Прозрачность также целое число от 0 до 1.

Comments

[Frel]

А почему при отрицательной прозрачности не работает фон?

[Григорий]

Frel: потому что 0 полностью прозрачно, 1 - полностью непрозрачно. отрицательная величина не будет работать совсем

[Frel]

Григорий: А в фотошопе канал альфа -3 (ну маленькая а)

[Сергей]

Frel: https://ru.wikipedia.org/wiki/LAB это не альфа канал, а один из параметров другого представления цвета.

Answer 2

[moneymakerXA]

Держи сайт, на нем можно выбрать код цвета csscolor.ru
А прозрачность блока делается с помощью тега opacity: вводишь единицы от 0.1 до 0.9, вот и все

Answer 3

[Дмитрий]

Просто в макете color picker юзай на нужный элемент с цветом и все. А прозрачные цвета можно только через rgba() делать, больше ничего. Ну или весь блок через opacity, как сказано выше.

Answer 4

[Yuriy Berg]

background-color: rgba(red, green, blue, opacity);

Answer 5

[VVVVVV]

background: rgba(255, 0, 0, 0.1);
или

background: red;
opacity: 0.1;

Answer 6

[Sergei Nazarenko]

.wrapper { opacity: 0.5; } /* Элемент с классом wrapper - будет иметь полупрозрачный вид */

.wrapper { -moz-opacity: 0.5; } /* Элемент с классом wrapper - будет иметь полупрозрачный вид в Firefox до версии 3.5 */

;!--[if IE 8]>
	.wrapper { ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } /* Элемент с классом wrapper - будет иметь полупрозрачный вид в IE версии 8.0 */
<![endif]-->
<!--[if lt IE 8]>
 .wrapper { filter: alpha(opacity=50); } /* Элемент с классом wrapper - будет иметь полупрозрачный вид в IE версии 5,6 и 7 */
<![endif]-->

.wrapper { -khtml-opacity: 0.5; } /* Элемент с классом wrapper - будет иметь полупрозрачный вид в Konqueror 3.1+ и Safari 1.1+ */