28172 sujets

CSS et mise en forme, CSS3

Superposer deux calques centrés ("fixed") ? Est-ce possible

Bonjour…
Je cherche donc à centrer 2 calques dans ma page, et a les superposer avec "fixed". Et là impossible : Celui du dessus chasse automatiquement celui en dessous…
Y'a-t-il une possibilité ou non ?
Merci !!

Voici le code…


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#FOND {
	position:fixe;
	width:469px;
	height:476px;
	z-index:1;
	background-color: #CC0033;
	margin-right: auto;
	margin-left: auto;
}
#JAUNE {
	position:fixe;
	width:288px;
	height:368px;
	z-index:1;
	background-color: #FFFF00;
	margin-right: auto;
	margin-left: auto;
	visibility: hidden;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible' [decu]v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="JAUNE"></div>
<div id="FOND">
  <div align="center"><a href="#" onclick="MM_showHideLayers('JAUNE','','show')">AFFICHER JAUNE</a></div>
</div>
</body>
</html>
[/i]
Bonjour et bienvenue sur ce forum, Smiley smile

yomyom a écrit :
Y'a-t-il une possibilité ou non ?

Oui: réviser ou peut-être tout simplement apprendre le positionnement CSS. (En passant: d'une, je ne suis pas sûr et même je doute que le positionnement fixe soit adapté ici, et de deux position: fixe n'existe pas en CSS.)

Initiation au positionnement CSS sur Openweb :
1. flux et position relative
2. position float
3. position absolue et fixe

Sinon, pour superposer deux images un des moyens possibles est d'utiliser deus blocs imbriqués et deux images de fond, ou un conteneur avec une image de fond et dedans une image HTML.

Mais sans avoir un aperçu de ce que tu veux faire il est impossible de dire quelle solution est adaptée.
Modifié par Florent V. (11 Feb 2008 - 19:51)
Sujet clos
Aller à