используйте атрибуты css "filter: alpha (opacity = 70);"и "background-image: url (image.png);"на поле ввода

Question

может заставить обоих работать по отдельности, но я не могу заставить их работать вместе. это для использования в гаджете боковой панели Windows.

Форма:

<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

Я думаю, вам нужен "цвет фона", потому что сейчас он "прозрачен". Вы можете использовать:

background-color: #fff;

Answer 2

спасибо!добавив, что выше другие свойства работали отлично:

#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;
  }