Наложение лого поверх фона
152
23 июля 2019, 08:20
Столкнулся с такой проблемой, как наложение лого поверх фона(background). Хочу чтобы было не все изображение, а только текст, которые ляжет поверх фона. Пробовал с прозрачным фоном картинки, не помогло.
Ребят, мне пока тяжело понять на словах. Может кто-нибудь написать маленький код? Чтобы был какой-то фон и поверх него лежал текст в виде изображения.
Answer 1
Простой пример. Фон синий - по верх картинка.
.test{
width:100%;
height: 300px;
background-color:blue;
background-image: url('https://avatanplus.com/files/resources/original/56ffca99c57d3153d72f68d1.png');
background-position:center;
background-repeat: no-repeat;
}<div class="test"></div>Answer 2
Делаешь лого png или svg картинкой, без заливки. А потом позиционируешь, так как тебе надо, например при помощи свойства position:absolute;
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47688 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 17.1.2025 | 12:08