Svar: CSS onMouse over

Birkelund — Sat, 04 Jul 2009 00:22:33 GMT

http://meyerweb.com/eric/css/edge/popups/demo.html

CSS onMouse over

Birkelund — Sat, 04 Jul 2009 00:16:33 GMT

Hej allesammen.

På min side www.zeroup.dk kan man føre musen over det lille ? ikon der er og så kommer der en boks med hjælp.

Koden ser sådan her ud:
p class=\"info\">Tags: <img src=\"images/icon/help.png\"> Skriv 3 ord der beskriver dit billede. Adskil med mellemrum. Eksempel:Tv Fladskærm HDReady

CSS koden er her

p.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

p.info:hover{z-index:25;}

p.info span.text{display: none}

p.info:hover span.text{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #69962A;
    background-color:#ECFED1; color:#000;
    text-align: center;
    font-size: 11px;}

Mit problem er at det ikke kun er når man føre musen over ikonet, men istedet for, hele den celle som ikonet er i. Det skal laves sådan at det kun er når man føre musen over ikonet at hjælpe boksen kommer. Nogle der ved hvordan det laves

Teknik, hosting & e-handelsløsninger

Svar: CSS onMouse over

CSS onMouse over