Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Problemi z-index in posizionamento logo sopra barra

    Salve, vi spiego il mio problema. 6310651fsfa.PNG
    Come potrete vedere dalla barra in alto, al centro ho posizionato un piccolo loghetto che pero' mi appare sotto alla barra utente. Come posso fare per sistemare l'errore?
    Vi posto il codice css usato:

    codice:
    /*LOGHETTO*/
    
    .log {z-index: 9; background: url("http://dumpshare.net/images/2536998hdh.png") no-repeat; width: 106px; height: 113px; position: absolute; left: 50%; top: -40px}
    questo rappresenta il piccolo logo che viene "coperto" clamorosamente dalla barra utente. Come mai? Come posso fare per farlo apparire davanti?

    Qui di seguito vi posto il codice della barra utente:

    codice:
    /* MENU principale */.menuwrap {font-weight: bold; box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
    @keyframes menudown {from {opacity: 0}
     to {opacity: 1}}
     @-webkit-keyframes menudown {from {opacity: 0}
     to {opacity: 1}}
    .menuwrap .right b {color: #FFF !important}
    .menu > a span {background-size: 13px !important; transition: all .2s}
    .menuwrap .nick {margin-left: .6em}
    .menuwrap .nick {font-size: 13px !important; color: #FFF !important}
    
    
    .menuwrap .left .menu > ul {margin-left: 10px !important}
    .menuwrap form {padding: 0 11px 0 5px}
    
    
    /* MENU PRINCIPALE VERO */
    .menu > a {font-size: 13px !important; color: #FFF !important}
    .menuwrap a {margin: 0; padding: 0 11px; font-size: 10pt; font-weight: bold; color: #F4F4F4}
    .menuwrap a:hover {color: #C1C2C2; border: 0}
    .menuwrap .icon a {padding: 0 6px}
    .menuwrap li {line-height: 3.6em; color: #F4F4F4}
    
    
    /* MENU contestuale(dropdown)*/
    .menu:hover ul {-webkit-animation: menudown .3s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation: menudown .3s; animation-iteration-count: 1;
    animation-fill-mode: forwards; animation-timing-function: linear}
    .menu:hover > a span {background-size: 16px !important}
    .menu ul {opacity: 0; width: 15em; background: #ADD8E6; border: 1px solid #080808; border-top: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, .5); z-index: 1; border-radius: 5px}
    .right .menu ul {margin-left: -2em}
    .menu li {padding: 3px 0; line-height: 1.4em; text-shadow: none}
    .menu li strong {padding: 3px 8px; color: #373737; font-size: 10pt}
    .menu li a {color: #000 !important; font-size: 10pt; padding: 3px 8px !important; margin: 0 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)}
    .menu li:hover, .menu li a:hover, .menu li:hover > a {background: rgba(255, 255, 255, 0.5); border-radius: 4px; color: #FFFFFF !important}
    .menu:first-child li b {color: #F70202}
    
    
    /* TORNA SU */
    
    
    #m_up a {padding: 0 11px 0 0}
    #c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
    #f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
    .p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}
    
    
    /* esci e news */
    
    
    .menuwrap b {color: red}
    
    
    /* numero msg e link REGISTRATI */
    .menuwrap em {padding: 2px 5px; color: #FFF; text-shadow: none; background: #525252; border-radius: 6px}
    .menuwrap .nick {margin-left: .6em}
    .menuwrap form {padding: 0 11px 0 5px}
    .menuwrap .avatar {transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); border: 2px solid #303030; box-shadow: 0 0 2px 0 black; line-height: normal; max-width: none; overflow: hidden; transition: all .5s; border-radius: 100%; background: #303030; width: 30px; height: 30px}
    .menuwrap .menu:hover .avatar:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); border: 2px solid #303030; box-shadow: 0 0 2px 0 black; line-height: normal; max-width: none; overflow: hidden; transition: all .5s; border-radius: 100%; background: #303030}
    
    
    /* SUB MENU contestuale(dropright) */
    /* Sposta msg pvt */
    .submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
    .submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}
    
    
    /* LOGIN VELOCE */
    .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
    .menuwrap label:hover {color: #FFF}
    .menuwrap input {padding: 3px; font: 11px verdana, arial, sans-serif; color: #000; background: #AAA; border: 1px solid #000; border-radius: 4px; box-shadow: 0 1px 0 #444}
    .menuwrap input:hover {cursor: pointer; background: #BBB}
    .menuwrap input:focus {cursor: default; background: #DDD; outline: none; box-shadow: 0 1px 5px #888}
    .menuwrap input[type=submit] {padding: 2px; text-shadow: 0 -1px 0 #444; color: #DDD; border-radius: 4px;
    background: #424242; border: 1px solid rgba(0, 0, 0, .5); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
    .menuwrap input[type=submit]:hover {color: #FFF; background: #555}
    
    
    /* CERCA */
    .menuwrap .search input {color: #FFF; font-weight: bold; background: url('http://dumpshare.net/images/9261107search2.png') no-repeat scroll 90% 50% #35AEFF; height: 22px; width: 175px; border: 0 none !important}
    .menuwrap .search input:hover {color: #FFF; background-color: none; background: url('http://dumpshare.net/images/9261107search2.png') no-repeat scroll 90% 50% #35AEFF; height: 22px; width: 175px}
    .menuwrap .search input:focus {color: #FFF; background: url('http://dumpshare.net/images/9261107search2.png') no-repeat scroll 90% 50% #2E9CE5; height: 22px; width: 175px}
    Confido in un vostro aiuto, vi prego ç_ç ci sto dannando sopra da giorno... non mi prende z-index.
    Grazie ancora

  2. #2
    Nessuno?

  3. #3

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,690
    Ciao, sarebbe utile vedere anche la parte html a cui è associato quel css. Prova a postarne il codice così da poter riprodurre il problema, oppure un link alla pagina in questione.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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