Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
474 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image qui suit la barre de défilement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

image qui suit la barre de défilement

n°1906312
kitinio
Posté le 18-07-2009 à 11:13:55  profilanswer
 

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!!

mood
Publicité
Posté le 18-07-2009 à 11:13:55  profilanswer
 

n°1908228
Pascal le ​nain
Posté le 24-07-2009 à 10:55:12  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image qui suit la barre de défilement

 

Sujets relatifs
[C# & WPF] Taille d'une image[VBA Excel 2007] erreur Nombre d'arguments incorrects [RESOLU]
Problème image dans tableau[html] coller une image a un tableau
Matlab enregistrer image imtool avec contrasteFaire apparître une image avec le passage de souris
Problème d'affichage d'image dans un Forum[PHP] Intégration de texte avec sauts de ligne dans une image
CSS - Barre de menu-liens ne fonctinnent pasprobleme a l'upload d'image ...
Plus de sujets relatifs à : image qui suit la barre de défilement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR