Cuadro de texto colocado en una imagen, no seleccionable en IE8

Necesitaba una imagen de fondo para una barra de búsqueda, algo similar a fotolia.com. así que coloqué una imagen en la ubicación requerida y luego coloqué relativamente un cuadro de texto en ella y luego configuré background:transparent en el cuadro de texto para que la imagen fuera visible a través del cuadro de texto...

esto funciona bien en FF y Chrome... Es posible seleccionar el cuadro de texto y empezar a escribir en él...

En IE8... el cuadro de texto está presente pero no se puede seleccionar con el mouse... Pero si usa el botón TAB, el cuadro de texto se selecciona y puedo escribirlo... El único problema está en IE, que es el cuadro de texto. no se puede seleccionar para escribirlo...

nota de pls: el índice z no parece ser el problema, y ​​por precaución, lo he mantenido en alto.

Alguien puede ayudar..

gracias..

preguntado el 04 de julio de 12 a las 03:07

1 Respuestas

Probablemente no debería colocar un cuadro de texto transparente, sino establecer el background-image del cuadro de texto.

input[type="text"] { background-image: url(foo.png); }

Alternativamente, puede colocar el <input> dentro de a <div> u otro elemento de bloque y darle la imagen de fondo, pero no encima de an <img>.

Respondido 04 Jul 12, 04:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.