problema con IE9

jcmaganacruz · #1 (**permalink**) 25/11/2011, 18:06

tengo el siguiente css:

Código PHP:

  .boton_regreso 
{ 
    background:url('imagen/regresar.png')no-repeat; 
    border:none;  
    width:10em;  
    height:4em; 
    margin:auto; 
}

el cual es un boton

Código PHP:

  <input class="boton_regreso" type="submit" value="Regresar" name="Regresar">

en firefox, crome y opera todo esta de lujo, me muestrwe la imagen envez del boton, pero en internet explorer no muestra mas que un recudro de tipo boton.

alguien me puede ayudar con esto??? si realiza la accion pero no muestra la imagen de regreso.

comablck · #2 (**permalink**) 25/11/2011, 20:57

intenta escribir el css asi...

input.boton_regreso {
background:url('imagen/regresar.png') no-repeat;
border:none;
width:10em;
height:4em;
margin:auto;
}

emprear · #3 (**permalink**) 25/11/2011, 21:27

En realidad en IE9 se ve perfectamente con el código como lo pasaste, dónde falla es en ie8 e ie7, y eso es porque tu shorthand para background tiene un error, tendrias que separar los valores con un espacio, y entre url('imagen.png') y no-repeat no hay ninguno. Conclusión, todos los navegadores excepto ie8 e ie7 te pasan por alto el error, lo cual de echo, es un error.

Fijate por las dudas que ie9 no tenga la "vista de compatibilidad" activada.

Código funcionando

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
.boton_regreso{ 
background: url('mdos.jpg') no-repeat; 
border:none;  
width:10em;  
height:4em; 
margin: auto; 
}  
/*]]>*/
</style>
</head>
<body>
<input class="boton_regreso" type="submit" value="Regresar" name="Regresar" /> 
</body>
</html>

Saludos

jcmaganacruz · #4 (**permalink**) 28/11/2011, 08:38

Cita:

Iniciado por emprear

En realidad en IE9 se ve perfectamente con el código como lo pasaste, dónde falla es en ie8 e ie7, y eso es porque tu shorthand para background tiene un error, tendrias que separar los valores con un espacio, y entre url('imagen.png') y no-repeat no hay ninguno. Conclusión, todos los navegadores excepto ie8 e ie7 te pasan por alto el error, lo cual de echo, es un error.

Fijate por las dudas que ie9 no tenga la "vista de compatibilidad" activada.

Código funcionando

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
.boton_regreso{ 
background: url('mdos.jpg') no-repeat; 
border:none;  
width:10em;  
height:4em; 
margin: auto; 
}  
/*]]>*/
</style>
</head>
<body>
<input class="boton_regreso" type="submit" value="Regresar" name="Regresar" /> 
</body>
</html>

Saludos

increible que por un espacio no funcione alguna instruccion, te agradesco de sobremanera tu ayuda, pues he posteado 3 preguntas en este foro y eres el primero en contestar alguna de ellas. gracias amigo