css: откуда берутся белые границы фона для текстовых полей?

Question

У меня есть следующая страница:

http://www.jameschang.com/faxlogic/

, где у текстовых полей есть эти белые границы на 4 углах в верхнем правом разделе входа в систему.

У меня есть следующие атрибуты css для этих текстовых полей:

.HeaderLoginField {
    background-image: url(../content/login_field.png);
    float: left;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    color: #969696;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    height: 25px;
    width: 160px;
    text-indent: 3px;
    background-color: #0F0F0F;
    background-repeat: no-repeat;
    font-weight: normal;
}

Есть идеи, почему это может происходить?Я изменил изображения PNG в GIF, и они уходят, однако я хочу использовать PNG.Есть идеи, почему это происходит?

заранее спасибо

Answer 1

Это определенно изображение, которое вы используете, я проверил элемент, используя firebug, и когда отключил / включил фоновое изображение, белые углы исчезли!

Answer 2

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

Answer 3

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

Answer 4

Вы забыли включить прозрачность для вашего файла PNG?

Answer 5

Это графика: url("../content/login_field.png"), которая кажется сглаженной на белом фоне вместо черного. Вместо этого png может использовать прозрачность для работы независимо от фона.