Использовать тег HTML в качестве фонового изображения вместо свойства CSS background-image?

спросил

Изменено 5 месяцев назад

Просмотрено 49 тысяч раз

Мне нужно использовать тег html в качестве фонового изображения для

. Затем я буду размещать

контента поверх этого. Я пробовал это, но не могу заставить их отображаться правильно. Я использовал относительную позицию, маржу с отрицательными значениями.

Будем признательны за любые предложения или указания мне в правильном направлении.

 <дел>

  

  

Lorem Ipsum — это просто текст-пустышка полиграфической и наборной индустрии. Lorem Ipsum был стандартным фиктивным текстом в отрасли с 1500-х годов, когда неизвестный печатник взял гранку шрифта и перемешал ее, чтобы сделать книгу образцов шрифтов.

  • HTML
  • CSS
  • изображение

4

Чтобы почти полностью воспроизвести функции, используемые для фонового изображения, мы должны рассмотреть особенности img , включающие:

  • У него нет событий указателя.
  • Отрисовывается как минимум на один слой ниже div .

Результат будет примерно таким:

 div {
  отображение: встроенный блок;
  переполнение: скрыто;
  положение: родственник;
  ширина: 100%;
}
картинка {
  события-указатели: нет;
  положение: абсолютное;
  ширина: 100%;
  высота: 100%;
  z-индекс: -1;
}
п {
  отступ: 25 пикселей;
} 
 <дел>
  
  <р>
    Lorem Ipsum - это просто фиктивный текст печати и
    наборная промышленность.  Lorem Ipsum был лидером отрасли.
    стандартный фиктивный текст с 1500-х годов, когда неизвестный
    принтер взял гранку шрифта и зашифровал ее, чтобы сделать шрифт
    книга образцов
  

Вы можете изменить ширину и высоту по своему усмотрению.

3

В будущем это может быть возможно с новой функцией css element():

background-image: element(img_element_id)

https://developer.mozilla.org/en-US/docs/Web/ CSS/элемент

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Как удалить фон из CSS

Многие из вас знают, что фоновое изображение веб-сайта контролируется CSS. У него есть свойство, называемое фоновым изображением CSS. Это свойство помогает вам установить изображение на определенную страницу веб-сайта. Однако это не означает, что вы должны установить фоновое изображение, даже если вы этого не хотите. Если вы не хотите использовать какое-либо изображение, вы можете прекратить использование этого свойства и найти свой фон пустым, похожим на пустую страницу.

Вы также можете использовать цвет вместо изображений. Но если вы хотите  удалить фоновое изображение CSS , вы должны выполнить несколько простых шагов. Но вот что: вам нужно сначала использовать тег HTML, чтобы изменить что-либо с помощью CSS, потому что без HTML CSS не может работать.

Шаг 1:  Чтобы удалить фоновое изображение CSS, сначала создайте тег HTML с помощью элемента

. Этот элемент отвечает за настройку размера заголовков. Обычно элемент

идеально подходит для заголовков, потому что элемент

делает надпись крупнее.

Шаг 2:  Затем под тегом

введите тег

. Этот тег очень важен, потому что разработчики используют его для управления строками своего кода. Проще говоря, если тег
размещен неправильно, веб-сайт выглядит не очень хорошо.

Шаг 3: После использования второго элемента

поставьте пробел и используйте атрибут «id».

Шаг 4: После записи атрибута «id» поставьте знак равенства.

Шаг 5: Теперь поместите двойные кавычки и в кавычках вам нужно написать «без фона».

Шаг 6: Закройте тег

. Обычно он закрывается автоматически.

Шаг 7: Теперь вам нужно добавить CSS, добавив стиль к тегу

.

Шаг 8: Зафиксируйте ширину и высоту тега.

Шаг 9: Теперь установите цвет фона страницы, которую вы хотите создать.

Шаг 10: Укажите границы и нижнее поле.

Шаг 11: Теперь вам нужно использовать свойство фонового изображения. После написания background-image поставьте «:», затем скопируйте изображение, которое вы хотите установить в качестве фона, со значением URL и поместите ссылку на background-image.

Шаг 12 : Вы можете найти другое свойство в CSS, которое называется «background-repeat». Используйте это свойство и поставьте рядом с ним «:».

Шаг 13: Затем поставьте пробел и напишите «не повторять», а затем поставьте «;» после этого. Если поставить «;» в конце строки, это означает, что она закончилась. Поэтому «;» очень важно для кодирования. Неспособность использовать его должным образом делает кодирование неправильным, и вы не можете получить правильный результат.

Шаг 14: В конце вы можете добавить свойство background-size.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *