prekrývanie pomocou z-index
Posted: Tue Oct 14, 2014 7:33 pm
Zdravím Vás ...
na mojej stránke:
http://www.abitec.sk/lovell/index.php?r ... duct_id=69
už dlhšie skúšam, no bezúspešne prekryt obrázok tooltipom (tooltip je pod tlačítkom oblubeny produkt)
css tooltipu:
*iba poznámka k tomu - najprv tam nebudete vidieť žiadne produkty, lebo sú to vlastne obrázky posledných 3 videných produktov, takže najprv si musíte zobraziť nejaké 3 rozdielne produkty a potom ich tam budete mať ... a ich obrázok prekrýva tooltip...*
na mojej stránke:
http://www.abitec.sk/lovell/index.php?r ... duct_id=69
už dlhšie skúšam, no bezúspešne prekryt obrázok tooltipom (tooltip je pod tlačítkom oblubeny produkt)
css tooltipu:
Code: Select all
a.tooltips {outline:none; }
a.tooltips strong {line-height:30px;}
a.tooltips:hover {text-decoration:none;}
a.tooltips span {
display:none; padding:14px 20px;
margin-top:60px; margin-left:-160px;
width:320px; line-height:20px;
height:auto;
}
a.tooltips:hover span{
display:inline; position:absolute;
border:2px solid #FFF; color:#EEE;
background:#333 url(../image/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
/*CSS3*/
a.tooltips span
{ word-wrap: break-word; overflow: hidden; text-align:center; z-index:999999; position:absolute;
white-space: normal;
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
plním iba priania zákazníka - 100 ľudí, 100 chutí ...