0

次のページがあります。

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を使いたいです。なぜこれが起こっているのですか？

前もって感謝します

4

5 に答える 5

1

背景画像です。新しい画像を作成したり、css を使用して必要な外観を取得したりできます。

于 2010-11-28T20:08:07.633 に答える
1

間違いなくあなたが使用している画像です。firebugを使用して要素を検査し、背景画像を無効/有効にすると、白い角がなくなりました!

于 2010-11-28T20:09:24.150 に答える
0

24ビットPNGの代わりに8ビット（インデックス付き）PNGを使用する場合は、白ではなく黒をマットとして使用します（マットは透明な画像のエッジがブレンドされる色です）が、アルファ付きの24ビットPNGを使用することをお勧めします。透明度、このようにそれはどんな背景でも機能します。

于 2010-11-28T20:13:44.263 に答える
0

それはグラフィックスです。url("../content/login_field.png")これは、黒ではなく白の背景にアンチエイリアス処理されているようです。png は、背景に関係なく機能する代わりに透明度を使用できます。

于 2010-11-28T20:09:30.827 に答える
0

PNG ファイルの透明度をオンにするのを忘れていませんか?

于 2010-11-28T20:09:53.310 に答える