On 17 Dec 2004, at 10:01 am, Kornel Lesinski wrote:
<div><input/></div>
div {background: darkcolor url(darkimage);}
input {opacity: 0.5; -moz-opacity: 1; background: lightcolor url(lightimage);}
As far as I know currently it is quite safe, but it will start to cause trouble when Opera implements opacity and/or Gecko drops -moz- variant.
Gecko browsers support the opacity property correctly, without the -moz prefix, since Gecko1.6 (meaning: Firefox1.0 supports opacity).
What is wrong with solution 3:
<input type="image" src="Searchbutton.gif" alt="Search" title="search" />
adding a title attribute for good measure and increased accessibility, providing your image doesn't use tiny text, and has good contrast between text and background ?
All my Mac browsers display the 'title' as a 'tooltip'.
Philippe ---/--- Philippe Wittenbergh now live : <http://emps.l-c-n.com/> code | design | web projects : <http://www.l-c-n.com/> IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
