Visualizzazione dei risultati da 1 a 2 su 2

Discussione: a:hover span su IE6

  1. #1

    a:hover span su IE6

    ho visto che il tema è stato affrontato già qui , ma non riesco a, diciamo, adattare la soluzione alla mia situazione.. anche su altri forum ho trovato materiale che, chiedo venia, proprio non mi riesce di sfruttare

    In pratica ho alcune immagini nella pagina (ognuna contenuta come sfondo di un collegamento) e una didascalia in uno span, che appare con effetto hover.. però, metre su FF etc.. funziona perfettamente, su IE6 non mi riesce di farlo funzionare


    la pagina è così:

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <
    head>
      <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
      <
    title>prova</title>


    <
    style type="text/css">


    *    {
        
    margin0;
        
    padding0;
        }

    body
        
    {
        
    background#FFFFFF;
        
    }

    #content
        
    {
        
    positionabsolute;
        
    margin0;
        
    top100px;
        
    left:10px;
        
    height400px;
        }

    #content a
        
    {
        
    displayblock;
        
    height400px;
        }

    #content a span
        
    {
        
    display:none;
        }

    #content a:hover span
        
    {
        
    display:block;
        
    position:absolute;
        
    padding10px;
        
    bottom:0px;
        
    left:0px;
        
    colorwhite;
        
    background:black;
        }

    </
    style>


    </
    head>


    <
    body>

    <
    div id="content">

      <
    a href='#' style='background: #CCCCCC; width: 500px; position: absolute; left:10px'>
      <
    span style='width: 480px; left:0px;'>prova testo,
    secondo rigo</span></a>

      <
    a href='#' style='background: #CCCCCC; width: 500px; position: absolute; left:600px'>
      <
    span style='width: 480px; left:0px'>questa è una prova</span></a>

    </
    div>

    </
    body>
    </
    html

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    #content a:hover {
    direction: ltr;
    }

    http://forum.html.it/forum/search.ph...by=&sortorder=
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.