image qui suit la barre de défilement

image qui suit la barre de défilement - HTML/CSS - Programmation

Marsh Posté le 18-07-2009 à 11:13:55    

Bonjour je suis entrain de créer un site internet!
Dans celui ci je veux que le singe suive la scrollbar.
J'ai pris ce code css :
.fixe {
  /* un bloc fixe situé en haut qui fait toute la largeur */
  position : fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  /* et le patch pour IE */
  position : expression("absolute" );
  width : expression("100%" );
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
  left : expression("0px" );
}
et html:
<div class="fixe">Bloc fixe !</div>
 
Mais j'ai trois soucis:
1er :
c'est le singe est par dessus l'image de la semaine, je préférerais qu'il soit transparent! Comment faire?
http://img269.imageshack.us/img269/759/monkey2l.jpg
 
2ème :
 j'aimerai que le singe ne sorte pas du cadre en bas:
http://img40.imageshack.us/img40/7379/monkey3j.jpg
 
3ème :
le dernier sur ie il s'affiche mal et ne descend pas!!
http://img22.imageshack.us/img22/2603/monkey4z.jpg
 
Voila merci d'avance pour votre aide!!

Reply

Marsh Posté le 18-07-2009 à 11:13:55   

Reply

Marsh Posté le 24-07-2009 à 10:55:12    

Pour le premier soucis, tu voudrais qu'il soit transparent juste quand il passe au dessus de l'image de la semaine ?
Sinon tu peux facilement faire passer l'image de la semaine au dessus du singe.
 
Dans le style de ton image : z-index:1;
Dans le style de ton singe : z-index:0;
 
Sinon dans ton css :
 
top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
est égal a  
top : expression(document.body.scrollTop);
 
Et puis le code que tu as pris est un vieux code pour ie.
les expression() c'est mal et plus supporté par ie8 je crois  :kaola:  
Fais-toi une fonction javascript  ;)


Message édité par Pascal le nain le 24-07-2009 à 11:01:12
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed