Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Extraño: Safari no detecta background con "cover"

Estas en el tema de Extraño: Safari no detecta background con "cover" en el foro de CSS en Foros del Web. Hola! Tengo un problema extraño: Introduciendo: Cita: body {background: url("../mi imagen.jpg") no-repeat fixed center center / cover transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; min-width:750px; ...
  #1 (permalink)  
Antiguo 20/03/2013, 14:42
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Exclamación Extraño: Safari no detecta background con "cover"

Hola!

Tengo un problema extraño:

Introduciendo:
Cita:
body {background: url("../mi imagen.jpg") no-repeat fixed center center / cover transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-width:750px;
}
Aparece el fondo de pantalla en todos los navegadores, excepto en safari, a pesar de haber introducido "-webkit..."

La web es www.iu95.es

Que puede estar pasando?

Gracias por adelantado!
  #2 (permalink)  
Antiguo 20/03/2013, 15:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Extraño: Safari no detecta background con "cover"

Deja el shorthand así y funcionará:

Código CSS:
Ver original
  1. body {
  2.   background: url(../mi imagen.jpg) no-repeat fixed center center;
  3.   background-size: cover;
  4.   min-width:750px;
  5. }

Algunas versiones de Firefox también daba problemas al usar background-size dentro de background.

Por otro lado, no hay necesidad real de usar prefijos propietarios para background-size.
  #3 (permalink)  
Antiguo 20/03/2013, 16:29
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Pregunta Respuesta: Extraño: Safari no detecta background con "cover"

Cita:
Iniciado por Bonez Ver Mensaje
Algunas versiones de Firefox también daba problemas al usar background-size dentro de background.

Por otro lado, no hay necesidad real de usar prefijos propietarios para background-size.
Muchas gracias!

He comprobado que funciona eliminando simplemente:
Cita:
/ cover transparent;
Por qué no dejar los sufijos apropiados para los diferentes navegadores opera, ff, chrome y safari?
  #4 (permalink)  
Antiguo 20/03/2013, 16:31
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Extraño: Safari no detecta background con "cover"

Por que esos navegadores ya aceptan el atributo estándar.

Salduos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 20/03/2013, 16:45
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Respuesta: Extraño: Safari no detecta background con "cover"

Cita:
Iniciado por Carlangueitor Ver Mensaje
Por que esos navegadores ya aceptan el atributo estándar.

Salduos
Pero y si el usuario tiene una versión antigua de ff o cualquier otro?
  #6 (permalink)  
Antiguo 20/03/2013, 17:03
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Extraño: Safari no detecta background con "cover"

Checa esta tabla: http://caniuse.com/#feat=background-img-opts

Es raro que se usen versiones viejas de navegadores diferentes de Internet explorer, ya que por lo menos Firefox y Chrome se actualizan automáticamente.

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 21/03/2013, 05:19
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Respuesta: Extraño: Safari no detecta background con "cover"

Ok, gracias! :)

Etiquetas: detecta, extraño, html5, navegadores, safari
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:56.