За последние 24 часа нас посетили 21746 программистов и 1690 роботов. Сейчас ищут 1914 программистов ...

Вопрос по заданию прозрачности фонового рисунка

Тема в разделе "HTML и CSS", создана пользователем shurik_shink, 21 дек 2015.

  1. shurik_shink

    shurik_shink Новичок

    С нами с:
    17 май 2015
    Сообщения:
    79
    Симпатии:
    0
    Есть такой способ реализации прозрачности фонового рисунка
    Код (PHP):
    1. <style>
    2. div.div1{background: url(img/main.jpg); opacity: 0.5;}
    3. </style> 
    Недостатком является то что прозрачность задается не толко для фонового рисунка но также и для текста помещенного в элемент


    Есть еще такой способ, но не для фонового рисунка, а для фонового цвета
    Код (PHP):
    1. <style>
    2. div.div1{background: rgba(255,255,170,0.5); /*цвет и прозрачность фона*/}
    3. </style> 
    В этом случае прозрачность касается только фонового цвета и не касается текста помещенного в элемент.


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


    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    можно сделать вложенный элемент которому задать 1) размеры по всему родителю, 2) фоновое изображение, 3) уровень непрозрачности
     
  3. Dennica

    Dennica Новичок

    С нами с:
    28 дек 2015
    Сообщения:
    1
    Симпатии:
    0
    Это если неохота открывать фотошоп?)
    Изобретаем велосипед:

    Код (PHP):
    1. <div style="width: 400px;height: 400px;font-size: 107px;">
    2. <img src="https://www.google.com/images/nav_logo242.png" style="opacity: 0.5;height: 400px;width: 400px;position: absolute;">Текст</div> 
    Подсказка от модератора:
    Любой код или текст конфигурации пишите между тегом [code=php] и [/code].
    Используйте отступы в коде для форматирования текста.
    Это помогает быстрее понять вас, увеличивает шанс на получение ответа.
    Что выделять? Например: PHP, HTML, CSS, JavaScript, SQL, XML, .htaccess, ini, регулярные выражения, код шаблонизаторов, результаты array/object dump и т. д.