3 replies to this topic

[Turu-Montanha]

Fala galera !!!

O negócio é o seguinte, estou desenvolvendo um esqueminha como se fosse um vizualizador de imagens online,
e criei um esqueminha para proteger as imagens de serem salvas ou impressas, colocando elas como fundo em
uma div.
Setei os atributos necessários tudo bonitinho como manda o figurino, rodou no IE(ca) mas não funcionou no
Firefox ='(.
Queria saber se tem algum modo de fazer com que o fundo de uma div role no Firefox, alguém conhece ???

Eis o código:

#div_imagem
{
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	width: 500px;
	height: 300px;
	max-width: 500px;
	max-height: 300px;
	z-index: 10;
	position: absolute;
	border: 2px solid #666666;
	overflow: auto;
	background-attachment: scroll;
	background-image: url(arquivos/imagens/aranha-04.jpg);
}

Valeu !!!

[Nicholas Pufal]

Tenta colocar em outra div o:

background-attachment: scroll;

Ao invés de colocar na div #div_imagem, coloca no pai dela ou coisa do tipo... Se não tiver um pai pra ela, cria um.

Ah, outra coisa, cuidado com excesso de position:absolute... Isso não é nenhum pouco recomendado. Só se usa para um ou outro detalhe e olhe lá...

http://www.tyssendes...oning-pitfalls/

['' sem.Ponto]

E para que o max-width e max-height? Não funciona em todos os browsers e não faz sentido colocar já que você determinou o width e height.

[Turu-Montanha]

Hum..

Bem, eu fiz de acordo com que os dois colegas falaram, primeiro eu criei a div_pai para armazenar a div_imagem e nela eu setei o tamanho da área de vizualização da imagem junto com os atributos para rolagem, depois eu setei a div_imagem com o tamanho da imagem e a localização dela... E funcionou !!!

O código ficou assim:

#div_pai
{
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	width: 500px;
	height: 300px;
	z-index: 10;
	overflow: auto;
	position: absolute;
	border: 2px solid #666666;
	background-attachment: scroll;
}

#div_imagem
{
	width: 720px;
	height: 720px;
	background-image: url(arquivos/imagens/aranha-04.jpg);
}

Brigadão,

Valeu !!!