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

Question

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

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

где Textboxes имеют эти белые границы на их 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

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

Answer 4

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

Answer 5

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