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

它的背景图片，你可以制作一个新的形象，或使用css获得你想要的外观。

Answer 2

它肯定是你正在使用的图像，我使用萤火虫检查了元素，当禁用/启用背景图像时，白色的角落消失了！

Answer 3

图形：url("../content/login_field.png")似乎是反白色背景而不是黑色。无论背景如何，png都可以使用透明度来工作。

Answer 4

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

Answer 5

如果你想使用8bit（索引）PNG而不是24bit PNG，那么使用黑色作为遮罩（遮罩是透明图像的边缘将会混合的颜色）而不是白色，但最好使用24bit PNG具有Alpha透明度，这样它可以在任何背景上工作。

css：来自文本框的白色背景边框在哪里？

5 个答案: