2013-09-18 5 views
0

Сегодня утром был подарен этот маленький жемчужина сайта. Сайт отлично работает в Chrome, но IE9 кажется немного глючным.Изображения появляются в Chrome, но не в IE

Баннер и 4 кнопки связи как-то «исчезают» при просмотре в IE9. Они кажутся краткими, на секунду, а затем POOF! Прошло!

расположен здесь: http://www.cityplaceselfstorage.com/Calidus/calidus.html

Все они, кажется, IMG теги SRC следующим образом:

  <div class="tinyText" 
       style="height: 129px; left: 97px; position: absolute; top: 158px; width: 215px; z-index: 1; "> 
       <img usemap="#map1" 
        id="shapeimage_1" 
        src="Calidus_files/shapeimage_1.png" style="border: none; height: 135px; left: -5px; position: absolute; top: -3px; width: 225px; z-index: 1; " 
        alt="Calidus" title="" /> 
       <map name="map1" id="map1"> 
        <area href="Calidus_Profile.html" 
         title="Calidus_Profile.html" alt="Calidus_Profile.html" 
         coords="5, 3, 220, 132" /> 
       </map> 
      </div> 

Конечно, есть не класс "TINYTEXT" в файле CSS. Но при удалении ссылки внутри одного из тегов div также не отображалось изображение.

Что еще странно - изображения появляются в IE, когда я открываю html-файл локально.

Может ли кто-нибудь дать мне ключ к вопросу о том, что может происходить?

Спасибо, Джейсон

+0

Можете ли вы предоставить SSCCE? – Dave

+0

IE не работает с отрицательными позициями – Joren

ответ

0

После полу-переборе, я нашел кого-то, утверждая, что IE не любит .png изображения. Поэтому я преобразовал их все в формат .jpg.

Изображения отображаются в IE9 до тех пор, пока они являются jpg.

FYI

+0

Я собирался спросить, очистили ли вы свой кеш браузера? Когда я протестировал сайт, изображения оказались прекрасными. Мне интересно, как вы изменились на JPG, они начали появляться. – crazymatt

+1

Я работаю только с PNG-форматом и без проблем в IE. – mdesdev

Смежные вопросы