Добавление фонового изображения в тег div HTML
EK
Новый участник
4 0 0
04.08.2018 08:15
Я новичок в веб-дизайне и пытаюсь найти «быстрое и грязное» решение следующей проблемы. Я хочу создать раздел в своем блоге, в котором будет изображение, занимающее всю ширину страницы, аналогично основным изображениям. В частности, я использовал следующий код HTML через текстовый редактор:
<дел>
Это создает div, который проходит через всю страницу и имеет красный фон. Я хочу изменить фон с помощью пользовательского файла изображения. Я считаю, что правильный код для использования должен иметь следующую форму:
background-image: "http://some_url.com/image.jpg"
Однако добавление этого не сработало. Можете ли вы направить меня к правильному snytax?
Заранее большое спасибо!
3 023 просмотров
0 Нравится
Отчет
Ответы 5 (5)
04. 08.2018 12:09 PM
Привет, вы должны использовать что-то вроде этого:
background: url("someimage.jpg") no-repeat center;
Лучший,
Джарвис
Джарвис @ Kaleido
— Медленный Shopify Store? Установите наше приложение PageSpeed Magic.
— Есть еще вопросы? Не стесняйтесь , напишите мне .
— Мой ответ помог? Нажмите Нравится , чтобы показать мне немного любви!
3 023 просмотров
1 Нравиться
Отчет
EK
Новый член
4 0 0
04.08.2018 12:33
Большое спасибо за быстрый ответ! К сожалению, похоже, что код не работает. (Я использовал файл «.jpg» в разделе «Активы» вместо «someimage.jpg» в вашем ответе.) Как только я нажимаю «Сохранить» и просматриваю публикацию, изображение не появляется. Плюс код как-то трансформируется в:
background: url(;" no-repeat="" center="" http:=""
Будем очень признательны за дальнейшую помощь!
3,023 Просмотров
0 Нравится
Отчет
04. 08.2018 12:38
Привет, EK,
Если вы используете его под активами, у вас будет use background: url(«{{ ‘image.jpg’ | assets_url }}») . Кажется, что-то как-то запуталось. Если вы предпочитаете, мы можем попробовать это, поскольку это небольшое исправление будет совершенно бесплатным. Просто отправьте нам URL-адрес .myshopify.com по адресу [email protected] и мы отправим запрос на соавторство и все решим.
В противном случае, вы можете сделать снимок экрана, и мы можем посмотреть дальше.
Cheers,
J
Джарвис @ Kaleido
— Медленный Shopify Store? Установите наше приложение PageSpeed Magic.
— Есть еще вопросы? Не стесняйтесь , напишите мне .
— Мой ответ помог? Нажмите Нравится , чтобы показать мне немного любви!
3 023 просмотров
0 Лайки
Отчет
Джейсон
Shopify Expert
10938 195 2208
04.