как можно прописать полупрозрачную картину, в качестве фона страницы ?

#1 15 сентября 2015 в 13:17
как можно прописать полупрозрачную картину, в качестве фона страницы ?
ниже код страницы, что и куда прописать ?
  1.  
  2.  
  3. <div class='TPWL-dummy-indexContent'>
  4. <div class='TPWL-block'>
  5. <div class='TPWL-block-c TPWL-text-default'>
  6. <p align='center'>Самые низкие цены на авиабилеты !</p>
  7. </div>
  8. </div>
  9. <p><img src="/images/women.png" alt="авиакассы Махачкалы" /></p>
  10. </div>
  11.  
  12.  
пытаюсь вписать разные варианты такого кода

<div style="background: url('/images/uzor.jpg') no-repeat scroll;"> здесь расположен текст нашей статьи</div>


чего-то не выходит
#2 15 сентября 2015 в 14:16
в styles.css

  1.  
  2. body {
  3. background:url(путь до картинки.png) repeat;
  4. }
полупрозрачной картину можно сделать в фотошопе и сохранить в .png
#3 15 сентября 2015 в 14:20
Если все таки речь идет не о фоне всей страницы а о фоне для указанного дива то можно найти в css файлах
.TPWL-dummy-indexContent
и там дописать

  1. background:url(путь до картинки.png) repeat;
#4 15 сентября 2015 в 15:26


Если все таки речь идет не о фоне всей страницы а о фоне для указанного дива то можно найти в css файлах
.TPWL-dummy-indexContent
и там дописать

  1. background:url(путь до картинки.png) repeat;

Нил™

там не предусмотрен css, все надо прописать в тело
#5 15 сентября 2015 в 15:37
lezginka.ru
это какой то внешний код виджета? В любом случае если к страницам сайта подключен хоть какой то css файл, можете в него добавить этот класс

  1. .TPWL-dummy-indexContent{
  2. background:url(путь до картинки.png) repeat;
  3. }
по идее, должно срабатывать. Раз класс указан, вы можете его описать в своем файле стилей.

в тело в принципе так

  1. <div class='TPWL-dummy-indexContent' style="background:url(путь до картинки.png) repeat;">
Только, я смотрю, у вас в примере одинарные 'кавычки'. Если это часть какого то JQuery кода, наверно в добавленном style тоже нужно соблюдать это ' '. Пробуйте))
#6 15 сентября 2015 в 17:21

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

Нил™
Свойство opacity вроде даёт нужный эффект, без изменения исходного изображения.
  1.  
  2. filter: alpha(Opacity=50); /* Прозрачность для IE */
  3. -moz-opacity: 0.5; /* Поддержка Mozilla 3.5 и ниже */
  4. -khtml-opacity: 0.5; /* Поддержка Konqueror 3.1 и Safari 1.1 */
  5. opacity: 0.5; /* Поддержка всех остальных браузеров */
  6.  
Где 0 — это полная прозрачность, (значение по умолчанию для всех элементов), а 1 полная непрозрачность. Записываются значения дробями: 0.1, 0.2, 0.3 и т. д.
#7 15 сентября 2015 в 17:23

там не предусмотрен css, все надо прописать в тело

lezginka.ru
Если нет такого класса в CSS, но вы его явно объявили в коде страницы, что мешает самому задать ему CSS-стили?
#8 15 сентября 2015 в 19:35


там не предусмотрен css, все надо прописать в тело

lezginka.ru
Если нет такого класса в CSS, но вы его явно объявили в коде страницы, что мешает самому задать ему CSS-стили?

Raiden

Raiden, CSS файл надо по правилам писать и потом все мои умения заканчиваются на уровне "вырезать из кода и вставить" :(
#9 16 сентября 2015 в 01:53
lezginka.ru,
Не надо писать отдельный файл, вставьте ваши правки в уже готовый css файл, в текущем шаблоне.
#10 16 сентября 2015 в 02:07
Всё-таки лучше воспользоваться советом Нила и сделать полупрозрачную картинку PNG в фотошопе. Свойство opacity влияет на дочерние элементы и текст на таком фоне вероятно также станет полупрозрачным.
#11 16 сентября 2015 в 11:20
ок. спасибо за подсказки.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.