Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

clagils

fixar div com JS

Por , em Javascript

Recommended Posts

clagils    0

clagils
Postado

boa tarde galera, eu tenho um problema aqui..acaontece q eu estava usando como classe em uma div o position:fixed, so q isso so funciona o FFcomo eu faço pra fixar uma div no IE com JS?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Não precisa de JS pra fixar uma div de uma olhada nesse exemplo:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strinct.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Div posição fixa</title>			<style type="text/css">html{	overflow: hidden;}body{	overflow: auto;	font: 76% verdana, arial, sans-serif;}html,body{	height: 100%;	margin: 0px;	padding: 0px;}.transparencia{	position: fixed !important;	position: absolute;	top: 0px;	left: 0px;	z-index: 10;	width: 300px;	height:300px;	opacity: 0.6;	color: #000000;	background-color: #E0E0E0;	}*.transparencia{	filter: alpha(opacity = 60);}</style></head><body>	<div id="div1" class="transparencia"></div>	<p>asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br /></p></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Note essas linhas no css:

 

position: fixed !important;

position: absolute;

 

Os navegadores complacentes, ex. o FF, usarão o "position: fixed !important;" já os não complacentes, ex. o IE, usarão "position: absolute;".

 

E repare também nesse css:

 

html{	overflow: hidden;}body{	overflow: auto;	font: 76% verdana, arial, sans-serif;}html,body{	height: 100%;	margin: 0px;	padding: 0px;}

Faça testes para ver o resultado e entender o funcionamento, tire um overflow, deixe outro e vice-e-versa, para ir vendo o resultado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Adicionei, mais algumas explicações.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito