Фоновые изображения PNG в Firefox 3.x исчезают и не загружаются

Проблема в следующем:

У меня есть div (#bottom), который НЕ является плавающим, имеет предопределенную высоту в CSS (24 пикселя;), который ИСПОЛЬЗУЕТСЯ ДЛЯ отображения фона (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, он не работает.

Если я переименую нижний.png в любой.png, он тоже не загружается. Если я вызову bottom.png в качестве фона где-нибудь еще в том же файле, это не сработает.

Если я удалю div#somethinginside из div#bottom, проблема не исчезнет.

Все изменилось после того, как я включил bottom.png в div#bottom как <img src="bottom.png" />, затем фон вернулся, изображение было отображено, но некоторые другие png, которые я использовал ниже в файле, исчезли.

Это, безусловно, самое раздражающее явление, с которым я когда-либо сталкивался, так как я не могу найти этому никакого объяснения. Похоже, что Firefox занес этот файл в черный список или что-то в этом роде, хотя это может звучать глупо.

Это не проблема пути: у меня много файлов в одной папке. Это не '/" в URL ("myUrl") в CSS: я копирую/вставляю пути для файлов, которые работают. Я всегда сохраняю через Сохранить для Интернета в Photoshop. То же самое происходит, независимо от того, использую ли я PNG 8 и изображения PNG 24. Я работаю на локальном сервере, XAMPP. Я использую Joomla. И Windows XP Pro. И это происходит ТОЛЬКО в Firefox, в настоящее время у меня 3.5.7. Не проблема в IE8.

Кто-нибудь сталкивался с такой проблемой? Я даже не могу воспроизвести его по запросу, так как даже не знаю, что вызывает это странное поведение. И по какой-то причине это относится в основном к файлам PNG. Это уже второй раз, и это совершенно другой проект. Есть ли какая-то ошибка PNG/Firefox?


person Cyrylski    schedule 18.01.2010    source источник
comment
Вы пытались просто удалить кавычки, чтобы это выглядело так: background-image: url(bottom.png)?   -  person Doug Neiner    schedule 18.01.2010
comment
Спасибо за ответ, но это не помогает. Более того, после того, как я добавил фоновый цвет: #FFF; свойство, botoom.png снова исчез. Это странно...   -  person Cyrylski    schedule 18.01.2010
comment
И это не проблема на продуктивном сервере...   -  person Cyrylski    schedule 18.01.2010
comment
У меня такая же проблема. FF 3.x не будет загружать фоновые изображения в формате .png. Не знаю почему, но меня это бесит. Если я поменяю изображение на другой формат, то оно будет работать. Раздражает то, что firefox БУДЕТ загружать изображение .png в тег изображения, а не как фоновое правило CSS.   -  person Chev    schedule 14.11.2010
comment
Это может быть связано либо с ошибками диска, либо с ошибкой XAMPP. Я никогда не сталкивался с таким поведением при работе на производительных серверах или работе в Linux...   -  person Cyrylski    schedule 29.12.2010
comment
На самом деле у меня та же проблема - я начал новый проект, в котором все активы имеют формат png, а фоновое изображение не отображается, хотя путь правильный и подтвержден Firebug. В отчетах Firebug не удалось загрузить указанный URL-адрес   -  person Jay Blanchard    schedule 19.06.2012


Ответы (1)


С Firefox это легко, просто используйте firebug, чтобы увидеть, что происходит.

Кстати, вы пробовали это в Firefox в безопасном режиме? Возможно, это надстройка, которая вызывает проблемы.

И с какими браузерами (и версиями) работает?

person jeroen    schedule 18.01.2010
comment
Ну и проблема в том, что Firebug тоже не загружает образ. Но файл физически находится по этому пути, я могу просмотреть его в любое время из этого места... Я проверю безопасный режим. Он работает под новейшей Opera (январь 2010 г.) и IE6,7 и 8. - person Cyrylski; 20.01.2010