Posicionamiento negativo en imagenes de fondo (IE6)

feral · #1 (**permalink**) 13/02/2008, 13:43

¿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?

kahlito · #2 (**permalink**) 14/02/2008, 13:02

Hola feral, ¿no tienes un ejemplo de lo que quieres hacer?

feral · #3 (**permalink**) 16/02/2008, 11:58

Cita:

Iniciado por kahlito

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.

kahlito · #4 (**permalink**) 17/02/2008, 05:27

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

feral · #5 (**permalink**) 17/02/2008, 11:30

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.

kahlito · #6 (**permalink**) 18/02/2008, 03:14

La verdad no entiendo realmente que quieres hacer, ¿podrías mejor poner un ejemplo?

caricatos · #7 (**permalink**) 18/02/2008, 03:40

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

feral · #8 (**permalink**) 18/02/2008, 16:06

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.

caricatos · #9 (**permalink**) 18/02/2008, 16:37

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