Imagen de Fondo en un input

[animaliens]

Estimados:

Necesito colocar una imagen de fondo en un input con Css, para ello lei este tutorial: http://www.3wstudio.com.ar/index.php?idPost=188

y funciona bien pero solo en IE, en Firefox se ve mal.

Lo que quiero conseguir es algo como esto ya que se ve bien en IE y en Firefox:

http://www.animaliens.bolsonweb.com/...c7b5d230f46a41

Disculpen los links no es mi idea hacer spam o publicidad realemente no puedo lograr que la imagen de fondo se vea en Firefox.

Ademas me gustaría saber si las esquinas de un Input pueden redondearse de alguna forma con Css.

[JavierB]

Hola animaliens

No entiendo a qué te refieres con "en Firefox se ve mal"

Esto funciona en IE, Firefox y Opera:

Código:

<style type="text/css">
input {background: url(tuimagen.jpg)}
</style>

Sobre las esquinas redondeadas, date una vuelta por el foro, hay muchos mensajes sobre el tema.

Saludos,

[animaliens]

Gracias, de esa forma funciona. Lo que pasa es que yo quería especificar un input en particular y no todos los de la pagina, estoy trabajando con PHP. Quizas no se bien donde van las comas y comillas y espacios, soy novato, mi codigo es este:

Código:

<input type="text" style="background-image:url(jovenstropvered.jpg)" size="10" value="">

va dentro de un div en absolute
y tambien querria saber como se quitan los bordes de un input

[JavierB]

Hola de nuevo.

El código que has puesto es correcto. Seguramente, como tú dices, te estás liando con las comillas. Pon el código PHP que genera esa línea, a ver si damos con el fallo.

Para quitar los bordes:

<input type="text" style="border:0" />

Saludos,

[elcamaleon007]

en todo caso usa \ antes de cada comilla...
<input type=\"text\" style=\"background-image:url(jovenstropvered.jpg)\" size=\"10\" value=\"\">
asi php no lee las comillas de tu tag..

[animaliens]

Perfecto, ahora funciona :)

Gracias