背景位置和重複

我試圖創建僞裝的透明表單字段，「透視」到平鋪圖像的背景（這當然是通過輸入和頁面背景之間的衆多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

背景位置和重複

回答

相關問題