html gif имеет прозрачный фон, но становится белым в теге img и атрибуте css background

Question

У меня есть изображение GIF с прозрачным фоном, как вы можете видеть здесь на моем рабочем столе:

Но когда я использую его в своем HTML-коде, получается белый фон. Я проверил атрибут background css и ответы в stackoverflow и на других сайтах на верхних страницах Google. вот мои коды:

<img src="/content/elecomp98/pahbad.gif" style="position: absolute;top: 50px;left: 0;width: 250px;">

<div style="width: 250px;height: 280px;background: url(/content/elecomp98/pahbad.gif);position: absolute;left: 0;top: 50px;background-size: cover;display: none;"></div>

Answer 1

Обратите внимание, что "Pahbad.gif" отличается от "pahbad.gif".

URL-адреса чувствительны к регистру .

Каскадные таблицы стилей (CSS) не чувствительны к регистру. Однако семейства шрифтов, URL-адреса изображений и другие прямые ссылки с таблицей стилей могут быть.

Я бы предположил, что вы ссылаетесь не на то изображение.