Проблема заключается в следующем:
У меня есть div (#bottom), который НЕ является плавающим, который имеет предопределенную высоту в CSS (24px;), который используется для отображения фона (bottom.png) пока я не положу что-то внутрь.
CSS:
#bottom {height: 24px; background-image: url("bottom.png");}
HTML:
<div id="bottom">
<div id="somethingInside">
</div>
</div>
Теперь FF 3.x не загружает фоновое изображение!Я могу поместить другое изображение, используемое на той же странице, в тот же HTML-файл, и сделать так, чтобы CSS использовал его в качестве фонового изображения для этого #bottom div, а затем оно там показывалось.
Но я не могу загрузить изображение в браузере ДАЖЕ, если я нажму «Показать фоновое изображение» в контекстном меню FF или когда введу путь bottom.png.Вместо этого там отображается только путь к файлу bottom.png ... Если я использую gif-файл, то все работает нормально.Когда я использую PNG, тогда это не работает.
Если я переименую bottom.png в what.png, он тоже не загрузится.Если я вызову bottom.png в качестве фона где-нибудь еще в том же файле, он не будет работать.
Если я удалю div #thinginside из div # bottom, проблема не исчезнет.
Все изменилось после того, как я добавил bottom.png в div # bottom как <img src="bottom.png" />, тогда фон вернулся, был отображен, но некоторые другие pngs, которые я использовал ниже в файле, исчезли.
Это, безусловно, самое раздражающее явление, с которым я когда-либо сталкивался, поскольку я не могу найти никакого объяснения этому.Похоже, что Firefox занесен в черный список этого файла или чего-то еще, но это может звучать глупо.
Это не проблема пути: у меня много файлов в одной папке.Это не '/ "в url (" myUrl ") в вопросе CSS: я копирую / вставляю пути для файлов, которые работают. Я всегда сохраняю с помощью Save for web в Photoshop. То же самое происходит, независимо от того, использую ли я PNG8 и PNG 24 изображения. Я работаю на локальном сервере, XAMPP. Я использую Joomla. И Windows XP Pro. И это ТОЛЬКО в Firefox, в настоящее время для меня 3.5.7. Не проблема в IE8.
Кто-нибудь сталкивался с такой проблемой? Я даже не могу воспроизвести ее по требованию, так как я даже не знаю, что вызывает это странное поведение. И это по большей части относится к файлам PNG. Это уже второй разслучается, и это совершенно другой проект. Есть ли какая-то ошибка PNG / Firefox?