¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Crear compatibilidad con los navegadores

Ir abajo

Crear compatibilidad con los navegadores Empty Crear compatibilidad con los navegadores

Mensaje por Deryan 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
Deryan
Deryan
Administrador
Administrador

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


https://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

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