PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Прозрачность background-image, как осуществить?

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

nkl	Отправлено: 28 Марта, 2012 - 07:14:22
Посетитель Покинул форум Сообщений всего: 305 Дата рег-ции: Янв. 2012 Помог: 1 раз(а)	Здравствуйте, передо мной встала задача вставить в абзац с текстом небольшую фоновую картинку, ну для красоты и полноты изложенного материала, так сказать. Картинку вставил, расположил как нужно, но вот теперь проблема, шрифт который попадает на эту картинку сливается с ней и выглядит, мягко говоря не симпатично. Хотел решить ситуацию увеличением уровня прозрачности этой картинки, ан нет, не получается, параметр opacity: 0.2; задает прозрачность для всего блока в целом, в т.ч. и для текста. Гуру верстки, пожалуйста, помогите решите поставленную задачу наиболее рациональным методом (я уверен что каждый из вас хоть раз в жизни делал такое). Заранее спасибо

DelphinPRO	Отправлено: 28 Марта, 2012 - 23:18:32
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	проще всего отрегулировать прозрачность картинки в фотошопе. ----- Чем больше узнаю, тем больше я не знаю.

nkl	Отправлено: 29 Марта, 2012 - 08:18:01
Посетитель Покинул форум Сообщений всего: 305 Дата рег-ции: Янв. 2012 Помог: 1 раз(а)	Я так и знал, что это неосуществимо в css!

svoloch	Отправлено: 29 Марта, 2012 - 08:46:12
Новичок Покинул форум Сообщений всего: 34 Дата рег-ции: Нояб. 2009 Помог: 0 раз(а)	а чем свойство opacity не подходит?

EuGen	Отправлено: 29 Марта, 2012 - 09:55:51
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	CODE (html): скопировать код в буфер обмена <html> <head> <style type="text/css"> #imageText { position:absolute; left:0px; top:0px; z-index: -1; opacity:0.2; } </style> </head> <body> <h1>This is a heading</h1> <div id="imageText"> <img src="http://www.w3schools.com/cssref/w3css.gif" width="100" height="140" /> </div> <p>Because the image has a z-index of -1, it will be placed behind the text.</p> </body> </html> ? ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

DelphinPRO	Отправлено: 29 Марта, 2012 - 11:27:59
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	nkl пишет: Я так и знал, что это неосуществимо в css! я не писал что это неосуществимо , но, на самом деле, проще подготовить картинку в редакторе. ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.