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

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

Author24 — интернет-сервис помощи студентам

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;

Блоги программистов
С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .	Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного суматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .
Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .	Применение компонентов PrimeVue в Vue.js 3 на TypeScript BasicMan 04.01.2025 Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .	Как стать Senior developer cpp_developer 04.01.2025 В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .	Что известно о дате выхода Windows 12 и чего от нее ждать IT_Exp 04.01.2025 В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .	Что новенького в .NET Core 9 Programming 04.01.2025 Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .	Инструкция по установке python3.13.1 в Debian 12 AlexSky-coder 03.01.2025 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .

@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

Опции темы