背景位置和重复

我试图创建伪装的透明表单字段，“透视”到平铺图像的背景（这当然是通过输入和页面背景之间的众多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; 
}

现在，这个工作正常，除了背景位置属性没有做任何事情。我可以删除它们，改变它们，没有任何反应。我猜这与它是一个重复的背景有关。位置值是背景自身开始的元素偏移量。任何方式来排列这些？

来源

2011-02-03 Thomas McCabe

你可以展示一个像http://jsfiddle.net的东西的例子？谢谢。 – alex 2011-02-04 00:00:40

inputs很难用css风格。

然而，你可以尝试（在Firefox中工作）是从输入中删除背景图像，并给他们一个background:transparent，使父母的背景显示。

来源

2011-02-04 02:00:01 jeroen

尝试使用CSS嵌套此代码

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

各自的父元素，因为有时会发生什么是某些属性将被覆盖。在这种情况下，你可以使用css嵌套，并使其工作

来源

2011-02-04 04:29:09 Mahima

背景位置和重复

回答

相关问题