2010-11-18 8 views
0

Je voudrais faire Floating DIV comme JGrowl .La position est en bas à droite. Le DIV doit coller cette position quel que soit le défilement de la page.Faire div div comme jgrowl

Merci

Répondre

1

Le CSS serait très simple pour cela. Vous pouvez juste faire.

#growl { 
    position: fixed; 
    bottom: 5px; 
    right: 5px; 
    width: 200px; 
    height: 200px; 
} 

Vous devez toujours vous soucier de la façon dont les différents navigateurs le gèrent. Je voudrais simplement utiliser le plugin jgrowl avec le bon jeu d'options.

+0

Puis-je avoir plus de détails CSS à la même chose avec jgrowl? par exemple. style de fond ou quelque chose comme ça. – kst

+0

Vous pouvez le faire avec CSS facilement, mais le support IE peut être un peu hors. Vous pouvez faire border-radius: 5px; -moz-border-radius: 5px; puis pour la transparence, vous pouvez utiliser un fichier PNG transparent comme image de fond ou faire une couleur de fond: rgba (0, 0, 0, .7); mais vous devez donner à IE un noir solide dans ce cas avant cela. –

0

En JGrowl il y a l'option la position pour contrôler la position sur l'écran. S'il vous plaît vérifier jGrowl Options énumérées sur le site

+0

Je ne veux pas utiliser JGrowl.Je veux faire le mien.Pas besoin de fermer le div que jgrowl.That div affichera quand la page prête.C'est pour afficher quelques informations: ce qui concerne la connexion en cours utilisateur. – kst