Блог

Главная - Вопросы по программированию - Как исправить белую строку под картинкой

Как исправить белую строку под картинкой

#html #css #image

#HTML #css #изображение

Вопрос:

У меня есть фоновое изображение, я добавил изображение в формате png (логотип) поверх фонового изображения, но я получаю белую линию ниже.

 body {
  left: 45%;
  margin: 0;
  padding: 0;
  background: url(https://via.placeholder.com/468x60?text=Background);
  background-size: 100%;
  font-family: sans-serif;
}  
 <div class="agtrack" style="text-align: center">
  <img src="https://via.placeholder.com/60x60?text=LOGO" />
</div>

Комментарии:

1. Вы можете получить изображения из placeholder.com для использования здесь

2. тело { слева: 45%; поле: 0; отступ: 0; фон: url (../Content/PSX_20190124_001950.jpg ); размер фона: 100%; семейство шрифтов: без засечек; }//CSS

3. @Ingus здесь, в stacksnippet, подобном тому, который я только что сделал, тоже хорошо

4. Примечание: <img> тегу не нужна закрывающая косая черта, и он ее никогда не использовал в HTML.

5. Кажется, ничего плохого. Мы не видим чего-то, что влияет на вашу сторону.

Ответ №1:

Попробуйте поместить

отображение: блок;

стиль на изображении. Если это также не помогает, попробуйте изменить стиль высоты строки на вашем изображении на любой

высота строки: 1;

или

высота строки: 0;

Комментарии:

1. В чем разница высота строки: 0; или высота строки: 0;?

2. Я имел в виду «высота строки: 1;» извините. Эти стили привлекали меня в прошлом и их можно легко не заметить. Иногда они оставляют дополнительный небольшой запас, свисающий с вашего элемента. @Ingus