2010-11-28 9 views
0

は、私は以下のページを持っています。css:どこから来るテキストボックスの白い背景ボーダーですか?テキストボックスは、右上のログインセクションでの4つの隅の上でこれらの白い境界線を持っている</p> <p><a href="http://www.jameschang.com/faxlogic/" rel="nofollow">http://www.jameschang.com/faxlogic/</a></p> <p>:

私は、次の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; 
} 

任意のアイデア?私はgifにpng画像を変更していますが、私はpngを使いたいです。これがなぜ起こっているのか?

事前

で感謝

答えて

1

あなたが使用しているイメージは間違いなく、私はファイヤーバグを使って要素を検査し、背景イメージを無効にしたり有効にしたりすると、白い角が消えてしまいました。

+0

合意して、画像を確認しました。白い線があります。 – shamazing

1

新しいイメージを作ることができ その背景画像、 か、CSSを使って欲しい外観を得ます。

0

黒の代わりに白い背景にアンチエイリアスされているようなグラフィックです:url("../content/login_field.png") pngは、背景にかかわらず、代わりに透明性を使用することができます。

0

PNGファイルの透明度を忘れましたか?

0

24ビットPNGの代わりに8ビット(インデックス付き)PNGを使用する場合は、マットとして黒を使用します(マットは、白ではなく透明イメージのエッジが混ざる色です)が、アルファ透明度を備えた24ビットPNG、これはどんな背景でも動作します。

関連する問題

 関連する問題