css Gif белый фон штрих?

Question

Кто-нибудь знает, как исправить штрих на белом фоне в CSS, который вы видите, когда прозрачный gif накладывается на цвет?

Answer 1

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

Если ваше изображение было на светлом фоне, вы бы не видели его так ярко.

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

Answer 2

Я считаю, что это не имеет ничего общего с CSS, но с вашим GIF, который вы экспортируете. Если у вас есть фотография сглаживания, и вы пытаетесь экспортировать ее в gif с прозрачностью. Он автоматически отобразит дополнительный матовый пиксель для некоторых полупрозрачных пикселей.

Если вы хотите, чтобы тени были прозрачными, чем PNG-файлы. Проблема с PNG это не будет работать отлично в IE6

Answer 3

, если вы ищете исправить в IE посмотреть на http://www.howtocreate.co.uk/alpha.html

Answer 4

Это связано с тем, как прозрачность обрабатывается в файлах GIF. Формат файла не имеет альфа-канала, только один цвет, который помечен как прозрачный. Это означает, что каждый пиксель может быть полностью прозрачным или полностью непрозрачным.

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

В вашем случае матовый цвет по умолчанию является белым, поэтому любые частично прозрачные пиксели будут исчезать до белого. Если вы всегда показываете изображение на том же фоне, вы просто указываете, что цвет как матовый, и программа будет исчезать частично прозрачными пикселями против этого цвета, делая переход невидимым.

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

(Обратите внимание, что IE6 не отображает PNG изображения с альфа-каналом правильно, но есть исправление, что, если вам нужно поддерживать IE6.)