Transparent input

[Anastasis 48]

To μυστικό είναι το φίλτρο alpha(opacity)

Σε ενα αρχείο css δημιουργούμε τον κώδικα :

 

παράθεση:

INPUT{ filter:alpha(opacity=70); -moz-opacity:70%; }

και ορίζουμε σαν background της σελίδας μια φώτο που εμείς θέλουμε.

μετά δημιουργούμε μια σελίδα οπου φτιάχνουμε μια φόρμα :
 

παράθεση:

<input type="text" name="text_field" /> <input type="submit" name="Submit" value="Send Form" />

Ενα παράδειγμα μπορείτε να δείτε εδώ:
http://members.lycos.co.uk/thyclub/transparent.htm

* Δουλεύει σε ΙΕ και mozilla (πρέπει να αλλάξετε το -moz-opacity:70%; σε -moz-opacity: .70; για τις νέες εκδόσεις του)