Aparece una imagen de fondo centrada en un área de entrada de texto

Autor：Eve Cole Fecha de actualización：2009-06-18 17:35:54

Vi el efecto de visualización de noticias de polea absolutamente clásico creado por CSS+JS. Este efecto especial es un control clásico de CSS+JS. De hecho, se puede hacer solo con CSS. Es solo por compatibilidad con ese IE basura. no está permitido ser un JS. Si se elimina la parte js del código, funcionará normalmente en Opear y Firrfox, pero no en IE.

Cualquiera que esté interesado puede probarlo. También espero ayudar a los necesitados.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="; Content-Language" content="zh-CN" /> <title>Css para crear un efecto de activación del mouse</title> <style type="text/css">  </estilo> <script type="text/javascript"> <![CDATA[//> <!]]> </script> </head> <body> <div class="kw_from" > <formulario acción="/search.html" método="get" nombre="searchForm" id="searchForm" onsubmit="return check()"> <ul id="searchNav"> <li id="conter1" > <h2>Qué estás buscando</h2> <input id="jobKw" name="jobKw" type="text" /> <ul id="conter3"> <li><a href="#" >Contabilidad</ a> </li> <li><a href="#">Diseño web</a></li> <li><a href="#">Traducción</a></li > <li> <a href="#">Tutor</a></li> <li><span class="moreCity"><a href="#">Más>> span> </li> </ul> </li> <li id="conter2"><h2>Allí</h2> <input id="cityKw" name="cityKw" type="text" /> < ul id="conter4"> <li><a href="#">Pekín</a> </li> <li><a href="#">Shanghái</a></li> <li> < a href="#">Guangzhou</a></li> <li><a href="#">Shenzhen</a></li> <li><a href="#">Nanjing< /li> a></li> <li><a href="#">Tianjin</a></li> <li><a href="#">Hangzhou</a></li> < li>< a href="#">Chengdu</a></li> <li><a href="#">Chongqing</a></li> <li><a href="#"> Wuhan</li> a></li> <li><a href="#">Xi'an</a></li> <li><a href="#">Shenyang</a>< /li> <li>< span class="moreCity"><a href="#">Más ciudad>></a></span></li> </ul> </li> </ul > <div class= "sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="Buscar trabajo" /> </div> < div class="searchMore "> <a href="search_expert.html">Búsqueda avanzada</a><br /><a href="search_sort.html">Búsqueda por categoría</a> </div> </form > </div> </body> </html>