Crear compatibilidad con los navegadores

Ir abajo

Crear compatibilidad con los navegadores

Mensaje por Deryan el Sáb Sep 29, 2012 6:20 pm

A muchos nos pasa que al colocar un elemento css a nuestra pagina, no es compatible con todos los navegadores. Obviamente el elemento que nosotros colocamos son estilizados por CSS. Pero a veces nos olvidamos de los distintos atributos que hacen que lleguen a ser compatibles con navegadores como Chrome, Safari, FireFox y Opera. IE no.

Las propiedades que podemos usar para los navegadores son:

-webkit- (Google Chrome-Safari)
-moz- (Mozilla FireFox)
-o- (Opera)
Internet explorer no se por que razon no existe una forma de compatibilidad .

¿Como usar las propiedades?
Las propiedades tienen un uso muy facil, no se requiere de mucho conocimiento.


#rotaralgo{
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
Como vemos en los colores de cada propiedad, son compatible con:
-webkit- Google Chrome-Safari
-moz- Mozilla FireFox
-o- Opera

Si queremos usar por ejemplo el siguiente código:
Código:
box-shadow: 0 0 5px rgba(0,0,0,.25);

¿Pero como hacerlo compatible?
Es fácil, copiamos los códigos para cada navegador uno abajo de otro.
.nosequeponer
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
-o-box-shadow: 0 0 5px rgba(0,0,0,.25);
y listo, es solo poner el código que queramos para cada navegador y seguido del código css que queramos.

El tutorial fue creado por mi Wink




Hola Invitado, si eres nuevo por aqui te recomiendo leerte las Normas generales de MundoCodigos

Mi nombre es Deryan soy:
Like a Star @ heaven Fundador y Administrador de MundoCodigos Like a Star @ heaven
para cualquier duda,sugerencia,queja,denuncia,se contacta con migo o crea un tema en este foro.
avatar
Deryan
Administrador
Administrador

Mensajes Mensajes : 134
MCoins MCoins : 1106725
Gracias Gracias : 8
Advertencia Advertencia : 100%


Ver perfil de usuario http://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.