Partage
  • Partager sur Facebook
  • Partager sur Twitter

Fonction Display

compatiblitée ie 6 et 5.5

    10 août 2010 à 11:28:25

    Bonjour à tous,

    je viens ici j'aimerais reproduire un effet de bouton assez a la mode sur la toile actuellement, quand on passe sur un zone on a l'apparition d'un bouton qui permet une action en BDD.

    après de l'aide sur le site du zero j'arrive a un version exacte de ce que je voulais sont seul petit default, pas compatible sous ie 6 et 5.5 car utilisation du display!

    la page avec le code : ici

    donc d'après ce que j'ai compris il me faut créer une fonction javascript, et la difficile pour moi :(
    si quelqu'un peux m'aider pour cette fonction !

    merci d'avance

    <body>
    
    
    <div id="commentaire">
    
        <a href="#">test</a>
    
        <div id="btn">
        </div>
    
    </div>
    
    </body>
    


    #commentaire {
    	width:400px;
    	height:90px;
    	background-color:#CCC;
    	position:relative;
    	top:200px;
    	left:200px;
    }
    
    #btn {
    	position:absolute;
    	cursor:pointer;
    	width:90px;
    	height:20px;
    	top:5px;
    	left:300px;
    	border:1px solid #666;
    	background-color:#03F;
    	display:none;
    }
    
    #btn:hover {
    	position:absolute;
    	cursor:pointer;
    	width:90px;
    	height:20px;
    	top:5px;
    	left:300px;
    	border:1px solid #666;
    	background-color:#F33;
    	display:none;
    }
    
    
    #commentaire a {
    	color:#FFF;
    	text-decoration:none;
    }
    
    #commentaire a:hover {
    	color:#999;
    	text-decoration:underline;
    }
    
    
    #commentaire:hover #btn {
    	display:block;
    }
    


    j'ai quand même mis le css du bouton même si cela n'a pas vraiment d'intérêt....
    • Partager sur Facebook
    • Partager sur Twitter

    Fonction Display

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown