utilise les attributs css "filter: alpha (opacity = 70);" et "background-image: url (image.png);" sur la boîte d'entrée

Question

peut obtenir les deux travailler individuellement, mais je suis incapable de les faire travailler ensemble. ceci est pour une utilisation dans un gadget de barre latérale de Windows.

forme:

<form name="llPeople" action="URL" method="get" target="newwindow"> 
    <input id="phonebook" class="blur" type="text" name="peo_name" size="15" value="Search Phonebook.." 
    onFocus="document.getElementById('phonebook').value = ''; document.getElementById('phonebook').className = 'focus';" 
    onBlur="document.getElementById('phonebook').value = 'Search Phonebook..'; document.getElementById('phonebook').className = 'blur';" /> 
</form> 

css:

#phonebook.focus 
    { 
    background-image: url(images/searchBack.png); 
    background-repeat: no-repeat; 
    width: 124px; 
    height: 16px; 
    position: relative; 
    } 
#phonebook.blur 
    { 
    background-image: url(images/searchBackW.png); 
    background-repeat: no-repeat; 
    width: 124px; 
    height: 16px; 
    position: relative; 
    } 
#intranet 
    { 
    width: 124px; 
    height: 16px; 
    } 
input 
    { 
    font-size: 10px; 
    filter: alpha(opacity=70); 
    } 

Answer 1

Je pense que vous avez besoin d'un "background-color" parce qu'en ce moment il est "transparent" Vous pouvez probablement utiliser:

background-color: #fff; 

Answer 2

merci! ajoutant qu'au-dessus des autres propriétés a parfaitement fonctionné:

#phonebook.focus 
    { 
    background-color: #fff; 
    background-image: url(images/searchBack.png); 
    background-repeat: no-repeat; 
    width: 124px; 
    height: 16px; 
    position: relative; 
    } 
#phonebook.blur 
    { 
    background-color: #fff; 
    background-image: url(images/searchBackW.png); 
    background-repeat: no-repeat; 
    width: 124px; 
    height: 16px; 
    position: relative; 
    }