S.a Aşağıdaki tooltip css kodunu linke eklediğimde şöyle bir sorunum oldu. Resimin yada "Başlık" ın üzerine gelince hem tooltip devreye giriyor hemde normal olarak browserin "linkin üzerine gelince açıklama çıkması" özelliği devreye giriyor.
-Ben sadece tooltipin aktif olmasını istiyorum.
-Ve tooltipte çıkan gibi kodların gözükmemesini istiyorum.

Yardımcı olabilir misiniz?





altBaşlık

.tooltip{
display: inline;
position: relative;
}

.tooltip:hover:after {
background: #333;
background: rgba(0,0,0,.8);
border-radius: 8px;
bottom: 40px;
color: #fff;
content: attr(title);
left: 20%;
font-size:13px;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}

.tooltip:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 12px 6px 0 6px;
bottom: 30px;
content: "";
left: 40%;
position: absolute;
z-index: 99;
}