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

inputs使用css非常难以设计。

但是，您可以尝试（在Firefox中运行）是从输入中删除背景图像并为其指定background:transparent，以便显示父级的背景。

Answer 2

尝试为此代码使用CSS嵌套

input#search { background-position:-715px -163px; } input#name { background-position:-134px -888px; } input#duhlyh-duhlyh { background-position:-134px -926px; }

使用各自的父元素，因为有时会发生一些属性被覆盖的情况。在这种情况下，您可以使用CSS嵌套并使其工作

背景位置和重复

2 个答案: