Задать прозрачность фоновой картинки

@abc_privet · Регистрация: 17.03.2012

CSS

1	background-image:url('../images/g.png') ;

Нужно добавить параметр прозрачность 0.2 (только для картинки). Как?

@StopSmell · 15.11.2012, 00:32

Я знаю два варианта
1. Фотошоп
2. Наложить на этот слой еще один слой с белым фоном и поставить ему 80% непрозрачность (для прозрачности в 20%)

CSS

1	background: rgba(255,255,255,0.8);

@koza4ok · 15.11.2012, 02:47

блок с нужным фоном повесить абсолютом над нужным элементом и задать ему opacity

@alpex · 15.11.2012, 04:17

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

CSS

1	opacity: 0.2;

@abc_privet · 15.11.2012, 15:17 **[ТС]**

Картинка в блоке body
когда я пишу opacity: 0.2; то вся страница становится прозрачной, а нуно только на background.

@alpex · 15.11.2012, 17:25

так создайте div и в него поставьте картинку и прозрачность

@StopSmell · 15.11.2012, 17:40

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

так создайте div и в него поставьте картинку и прозрачность

Все дочерние блоки у блока с прозрачностью становятся прозрачными!!!

@alpex · 15.11.2012, 17:44

ну я хз, не в ту тему залез

Добавлено через 1 минуту
хотя можно сверху еще один пустой div кинуть непрозрачный

@svoy_man · 15.11.2012, 20:49

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

1. Фотошоп

Я тоже так думаю зачем заморачиваться, зайти в фотошоп сделай картинку *.png и поставь ей нужную прозрачность в самом фотошопе

@StopSmell · 15.11.2012, 21:38

Можно и без png полагаю картинка для body не маленькая, pngшка тяжела будет.

@abc_privet · 15.11.2012, 22:56 **[ТС]**

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

Я тоже так думаю зачем заморачиваться, зайти в фотошоп сделай картинку *.png и поставь ей нужную прозрачность в самом фотошопе

Наверно так и сделаю.

@microooji · 25.07.2016, 18:01

создайте блок с css

CSS

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background: rgba(34,35,35,0.54);

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

CSS

1	position:relative;

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	15.11.2012, 02:47	3
	блок с нужным фоном повесить абсолютом над нужным элементом и задать ему opacity 0

@abc_privet 8 / 8 / 2 Регистрация: 17.03.2012 Сообщений: 534 Записей в блоге: 2
	15.11.2012, 15:17 [ТС]	5
	Картинка в блоке body когда я пишу opacity: 0.2; то вся страница становится прозрачной, а нуно только на background. 0

@alpex 603 / 578 / 103 Регистрация: 16.07.2012 Сообщений: 1,762
	15.11.2012, 17:25	6
	так создайте div и в него поставьте картинку и прозрачность 1

@StopSmell 293 / 169 / 29 Регистрация: 16.09.2012 Сообщений: 370
	15.11.2012, 17:40	7
	Сообщение от alpex так создайте div и в него поставьте картинку и прозрачность Все дочерние блоки у блока с прозрачностью становятся прозрачными!!! 1

@alpex 603 / 578 / 103 Регистрация: 16.07.2012 Сообщений: 1,762
	15.11.2012, 17:44	8
	ну я хз, не в ту тему залез Добавлено через 1 минуту хотя можно сверху еще один пустой div кинуть непрозрачный 1

@svoy_man 16 / 16 / 3 Регистрация: 01.11.2012 Сообщений: 55
	15.11.2012, 20:49	9
	Сообщение от StopSmell 1. Фотошоп Я тоже так думаю зачем заморачиваться, зайти в фотошоп сделай картинку *.png и поставь ей нужную прозрачность в самом фотошопе 1

@StopSmell 293 / 169 / 29 Регистрация: 16.09.2012 Сообщений: 370
	15.11.2012, 21:38	10
	Можно и без png полагаю картинка для body не маленькая, pngшка тяжела будет. 1

@abc_privet 8 / 8 / 2 Регистрация: 17.03.2012 Сообщений: 534 Записей в блоге: 2
	15.11.2012, 22:56 [ТС]	11
	Сообщение от svoy_man Я тоже так думаю зачем заморачиваться, зайти в фотошоп сделай картинку *.png и поставь ей нужную прозрачность в самом фотошопе Наверно так и сделаю. 0

	25.07.2016, 18:01