css - 背景位置和重复

Question

我正在尝试创建伪造的透明表单字段，这些字段“显示”到作为平铺图像的背景(当然是通过输入和页面背景之间的众多 div“显示”)。这是我所在的位置:

div#searchbox, div#mailing_list ul li.fields,div#product div.info input.text {
    border:1px solid #707070;
    background:url(../_images/fade_bg.jpg) 0 0 repeat;
}
input#search {
    background-position:-715px -163px;
}
input#name {
    background-position:-134px -888px;
}
input#duhlyh-duhlyh {
    background-position:-134px -926px;
}

现在，除了背景位置属性没有做任何事情外，它按预期工作。我可以删除它们，更改它们，什么也不会发生。我猜这与它是一个重复的背景有关。位置值是背景本身开始的主体的元素偏移量。有什么方法可以将它们排列起来吗？

Answer 1

输入 很难使用 css 设置样式。

但是，您可以尝试(在 Firefox 中工作)从输入中删除背景图像并给它们一个 background:transparent 以便父级的背景显示出来。