прозрачная GIF помощь - PullRequest
       23

прозрачная GIF помощь

1 голос
/ 07 октября 2009

У меня есть веб-сайт, который мне нужен для создания цветных изображений с непрозрачностью 45%, чтобы вы могли видеть до фона. Моя проблема в том, что по понятным причинам я не могу использовать .png. Я использовал GIF. Когда я получаю его на сайте, непрозрачность доходит до цвета, но вы не можете видеть сквозь него. Как я могу это сделать

EDIT

Я не хочу использовать взлом IE6, если мне не нужно. Насколько я попробовал, масштабируемых хаков нет.

Ответы [ 7 ]

11 голосов
/ 07 октября 2009

GIF не поддерживает альфа-прозрачность. Почему так очевидно, что вы не можете использовать PNG?

PNG работает во всех современных браузерах, в то время как альфа-прозрачность изначально не поддерживается в IE6. Тем не менее, есть много исправлений для этого, доступных на хороших веб-сайтах.

Если вам абсолютно необходимо поддерживать «тупых пользователей», заставьте их использовать Chrome Frame , браузер «Я в вашем браузере, делающий ваш браузер еще одним браузером лучше» Chrome Frame - это плагин для IE, который отображает страницу с помощью движка Chromium от Google.

4 голосов
/ 07 октября 2009

GIF имеет только 1 бит непрозрачности, вы не можете иметь 45%

3 голосов
/ 07 октября 2009

GIF-прозрачность включена или выключена. Он не поддерживает частичную прозрачность. Однако PNG поддерживает частичную прозрачность. Если у вас нет особых требований не использовать PNG-изображения, я не вижу причин, по которым их нельзя было использовать.

2 голосов
/ 07 октября 2009

Используйте прозрачный PNG для получения полного альфа-канала, а затем резервный CSS для Internet Explorer 6, который использует GIF, или один из многих обходных путей для поддержки прозрачных PNG в IE6 (кроме «обходных путей», использующих AlphaImageLoader )

1 голос
/ 07 октября 2009

Эту статью ЗДЕСЬ необходимо прочитать, если вы хотите использовать .png с ie6.

1 голос
/ 07 октября 2009

Как указано выше, GIF имеет непрозрачность только 1 бит, что означает «Вкл.» Или «Выкл.», Ничего между ними. Это так же, как 8-битный PNG.

Предполагается, что причина, по которой вы не можете использовать .PNG, заключается в том, что вам нужно откатиться и работать в более старой версии Internet Explorer. К сожалению, нет хорошего способа заставить его работать. Есть хаки , которые вы можете использовать, чтобы заставить PNG работать должным образом в IE6, но если вам необходимо полностью поддерживать IE5, вы SOL.

0 голосов
/ 30 октября 2012

После игры с разными прозрачными GIF-файлами некоторые нестабильны и вызывают сбои CSS. Например, если у вас есть <img> и вы используете крошечный прозрачный GIF, он работает нормально, однако, если вы хотите, чтобы ваш прозрачный GIF имел background-image, это невозможно. По некоторым причинам, некоторые GIF, такие как следующие, предотвращают CSS-фоны.

Короткий, но нестабильный

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

Я бы посоветовал использовать более длинную и стабильную версию следующим образом:

Стабильно, но дольше

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

...