Foros del Web » Creando para Internet » CSS »

Posicionamiento negativo en imagenes de fondo (IE6)

Estas en el tema de Posicionamiento negativo en imagenes de fondo (IE6) en el foro de CSS en Foros del Web. ¿Existe alguna manera de aplicar posicionamientos negativos a imagenes de fondo y que en IE6 no se recorten las imagenes dentro del bloque contenedor? En ...
  #1 (permalink)  
Antiguo 13/02/2008, 13:43
 
Fecha de Ingreso: septiembre-2007
Mensajes: 184
Antigüedad: 10 años, 2 meses
Puntos: 4
Posicionamiento negativo en imagenes de fondo (IE6)

¿Existe alguna manera de aplicar posicionamientos negativos a imagenes de fondo y que en IE6 no se recorten las imagenes dentro del bloque contenedor?

En IE6 para poder aplicar margenes negativos a un bloque div por poner un ejemplo, el "truco" es que tiene que estar posicionado relativamente,
Obviamente la imagen se podria poner dentro de un bloque relativo y aplicar margenes negativos pero la integridad semantica de la web se veria dañada ya que la imagen en este caso seria de decoracion, por lo tanto ¿Cual seria la forma de aplicar posicionamientos negativos a una imagen de fondo en IE6?

Última edición por feral; 13/02/2008 a las 13:53
  #2 (permalink)  
Antiguo 14/02/2008, 13:02
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Hola feral, ¿no tienes un ejemplo de lo que quieres hacer?
  #3 (permalink)  
Antiguo 16/02/2008, 11:58
 
Fecha de Ingreso: septiembre-2007
Mensajes: 184
Antigüedad: 10 años, 2 meses
Puntos: 4
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Cita:
Iniciado por kahlito Ver Mensaje
Hola feral, ¿no tienes un ejemplo de lo que quieres hacer?

Seria algo mas o menos asi;

Un simple div cualquiera con una imagen de fondo.

<div>
...
</div>

div {
background-image: url(imagen.jpg);
background-repeat: no-repeat;
backgroud-position: -50px 30px;
}

Background position acepta valores negativos, pero lo que quiero saber es si la imagen de fondo siempre queda "dentro" del div contenedor, recortada si se usan valores negativos o hay alguna manera de "sacarla".
Creo que no hay manera ni en ie6/7 ni firefox a no ser que me este perdiendo aguna propiedad, truco o hack concreto.

Última edición por feral; 16/02/2008 a las 12:05
  #4 (permalink)  
Antiguo 17/02/2008, 05:27
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Hola de nuevo feral.

He probado este ejemplo y si va en todos:

Código HTML:
<style type="text/css">
#fondo{background-image: url(tuimagen.jpg);
	background-repeat: no-repeat;
	background-position: -500px 30px;
	width:auto;
	height:1200px;}
</style>
</head>

<body>
<div id="fondo">
<p>Aquí estaría el fondo</p>
</div>
</body> 
Juega con los valores y creo que te irá bien
  #5 (permalink)  
Antiguo 17/02/2008, 11:30
 
Fecha de Ingreso: septiembre-2007
Mensajes: 184
Antigüedad: 10 años, 2 meses
Puntos: 4
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Gracias por la respuesta, pero sigo teniendo los mismos resultados, en el caso de tu codigo la imagen desaparece de pantalla, y si el valor negativo seria menor se recortaria dentro del div y lo que yo quiero es sacarla de su div contenedor, y que se muestre en pantalla.
  #6 (permalink)  
Antiguo 18/02/2008, 03:14
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Posicionamiento negativo en imagenes de fondo (IE6)

La verdad no entiendo realmente que quieres hacer, ¿podrías mejor poner un ejemplo?
  #7 (permalink)  
Antiguo 18/02/2008, 03:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Hola:

Creo que con imagenes de fondo no es posible, pero si tienes la imagen con un tag img seguramente te valdría... y con posición absoluta el resto de la capa seguiría con las mismas características...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #8 (permalink)  
Antiguo 18/02/2008, 16:06
 
Fecha de Ingreso: septiembre-2007
Mensajes: 184
Antigüedad: 10 años, 2 meses
Puntos: 4
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Definitivamente no hay ninguna manera de sacar una imagen de fondo de su contenedor en ningun navegador y que se muestre en pantalla, solo habria tres opciones.

1. Que se muestre dentro de su contenedor.
2. Que se muestre parcialmente /recortada dentro de su contenedor con posiciones negativas.
3. Que se saque completamente de su contenedor con posiciones negativas y no aparezca en pantalla.
  #9 (permalink)  
Antiguo 18/02/2008, 16:37
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Posicionamiento negativo en imagenes de fondo (IE6)

Hola:

Verás, en una página de presentaciones (la verdad es que más de una) muestro unas transiciones de imágenes que son el fondo de capas... la página es esta: Galería: Famosos... durante esas transiciones hay momentos que las imágenes están semi ocultas... creo que deberías ver los estilos "clip"...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 08:32.