Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087

    CSS : LINK letti diversamente da Opera

    come da titolo. L'intenzione è di fare apparire un commento all'hover del mouse sui link. Ma con opera il commento all'ultimo link resta allo stato visibile se il mouse lo si fa scorrere fuori dalle aree degli altri link.
    Questo non accade se dopo l'ultimo link scrivo una qualunque cosa.
    i CSS nell' head sono
    codice:
    a:link, a:visited{ position:relative;
        z-index:24; background-color:#ccc; color: #000;
        text-decoration: none;}
    a:hover{ z-index: 25; background-color: #ff0;} 
    a:active{ z-index: 25; background-color: #ff0;}
    
    a:link span, a:visited span{display: none;}
    a:hover span{
        position:absolute; 
        top: 2em; left: 2em; width: 15em;
        border: 1px solid #0cf; background-color: #cff; color:#000;
        text-align: center;display: block; }
    a:active span{ z-index: 25; background-color: #ff0;display: none;}
    e questi sono i link nella pagina
    dov'è l'errore?
    grazie

  2. #2

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao *pragma, non riscontro con Opera il tuo problema, invece il tooltip viene tagliato e perciò non visualizzato sull'ultimo link. Provando ad aggiungere un display:block anche sul link invece la visualizzazione è corretta.
    Se il link invece deve potersi trovare anche in linea con del testo (ma anche no), puoi provare anche così:
    codice:
    a { position:relative;
        background-color:#ccc; color: #000;
        text-decoration: none;}
    
    a:hover{ z-index: 25; background-color: #ff0;}
     
    a:active { background-color: #ff0;}
    
    a span{position:absolute;margin-left: -999em;}
    
    a:hover span{
        position:absolute; 
        top: 2em; left: 2em; width: 15em; margin-left: 0;
        border: 1px solid #0cf; background-color: #cff; color:#000;
        text-align: center;}

  4. #4
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087
    grazie
    il tuo CSS funziona.
    Ora osserverò le sostanziali differenze.
    ciao

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 © 2026 vBulletin Solutions, Inc. All rights reserved.