Проблема в следующем:
У меня есть 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?
background-image: url(bottom.png)
? - person Doug Neiner   schedule 18.01.2010