tarafından kesildi Bir mesaj kutusu "hovered" olduğunda bir araç ipucu görünmesini sağlamak için bu kodu var. Tüm mesaj kutuları, chatbox adında bir div içerisindedir.benim araç ipucu div konteyner
$('.box').hover(function(){
var htmltooltip = '<div id="info" class="shadow">';
htmltooltip += '<h4>Label info</h4>';
htmltooltip += '<img src="images/defaultphoto.gif"/>';
htmltooltip += '</div>';
$(this).append(htmltooltip).children('#info').hide().fadeIn(400).css('left', -150);
}, function() {
$('#info').remove();
}
);
Bu chatbox, kutu ve araç ipucu benim css kod
#chatbox {
position: absolute;
overflow-y:auto;
top:40%;
left:50%;
background:#fff;
height:80%;
width:550px;
border:3px solid black;
}
.box{
width:90%;
height:auto;
margin:5px 20px 0px 0px;
border:3px solid #918750;
float:left;
cursor: pointer;
}
#info{
position:absolute;
display:block;
background:#7F7777;
width:300px;
padding-bottom: 0.5em;
z-index:25;
}
Benim sorunum Chatbox sınırlarını geçtiğinde araç ipucu chatbox div tarafından kesilir olmasıdır #info denir. İşte jsfiddle: http://jsfiddle.net/Ifalcao/k9Yrc/2/
Sohbet kutusu divusundaki taşma kuralı mevcut olmalıdır, aksi halde çok fazla ileti kutusu varsa, sohbet kutusunun sınırını geçeceklerdir. (http://jsfiddle.net/Ifalcao/URBDE) Sohbet kutusunun içindeki mesaj kutularına ihtiyacım var, ancak mesaj kutusunun araç ipuçları sohbet kutusunun dışında.
Şimdiden teşekkürler.
olarak ipucu css eklemek? – j08691
İşte burada: http://jsfiddle.net/Ifalcao/k9Yrc/2/ – Falcoa