Сегодня утром был вручен этот маленький жемчужина сайта. Сайт отлично работает в Chrome, но IE9 кажется немного глючным.
Баннер и 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>
Конечно, в css файле нет класса "tinyText". Но при удалении ссылки внутри одного из тегов div также не отображалось изображение.
Что еще страннее - изображения появляются в IE, когда я открываю html файл локально.
Может ли кто-нибудь дать мне понять, что может произойти?
Спасибо, Джейсон
После полу-исчерпывающего поиска я обнаружил, что кто-то утверждает, что IE не нравится.png изображения. Поэтому я преобразовал их все в формат.jpg.
Изображения отображаются в IE9 до тех пор, пока они являются jpg.
FYI