IE7 Отображает пробелы в формате png

StackOverflow https://stackoverflow.com/questions/1614100

  •  06-07-2019
  •  | 
  •  

Вопрос

У меня есть div, который содержит фоновое изображение в формате PNG.После того, как div отображается на моей веб-странице в IE7, между div и нижним колонтитулом остается пробел.Все остальные браузеры (вкл.IE8) корректно отображать PNG.Будем признательны за любые идеи по разрешению проблемы?

Это было полезно?

Решение

Просто подумайте, но, может быть, именно таблица стилей браузера добавляет этот пробел?

Попробуйте использовать сброс CSS .

Другие советы

Очень вероятно, что у вас есть пустое пространство вокруг вашего img тег, который отображает один белый символ в IE6 и IE7.
Я предполагаю, что ваш код выглядит следующим образом:

<div>
    <img/>
</div>

Попробуй сделать это:

<div><img/></div>

Итак:
- без пробелов
- нет символов новой строки

Принуждение браузера обрабатывать изображение как элемент блока должно аннулировать любые унаследованные поля, которые ему даны. Попробуйте это: 

<style type="text/css">
.blockify { display: block; }
</style>

<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />

Помните, что ваше изображение теперь ведет себя как тег DIV. Поэтому примените ваше форматирование / позиционирование соответственно. Например, если вы хотите центрировать свою графику, вы должны сделать это, как и любой другой элемент DIV: 

<style type="text/css">
.blockify { display: block; margin: 0px auto; } 
/* auto margins help center block elements */
</style>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top