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

它绝对是您使用的图像，我使用萤火虫检查了元素，当禁用/启用背景图像时，白色角落消失了！

于 2010-11-28T20:09:24.150 回答
0

这是图形：url("../content/login_field.png")它似乎被抗锯齿为白色背景而不是黑色。png 可以使用透明度来代替背景，而不考虑背景。

于 2010-11-28T20:09:30.827 回答
0

您是否忘记为您的 PNG 文件打开透明度？

于 2010-11-28T20:09:53.310 回答
0

如果您想使用 8 位（索引）PNG 而不是 24 位 PNG，则使用黑色作为遮罩（遮罩是透明图像边缘将混合的颜色）而不是白色，但最好使用带 alpha 的 24 位 PNG透明度，这样它就可以在任何背景下工作。

于 2010-11-28T20:13:44.263 回答