Nazdarek. Chcel som si urobit script na zmenu farby bordera po prejdeni kurzorom na div s obrazkami. Skript funguje normalne, tak ako by som chcel, ale problem je v IE. Totiz, ak prejdem kurzorom po dive s obrazkami, tak farba ramceku (bordera) sa zmeni, no zmeni sa aj ked prejdem kurzorom po niektorom s obrazkov v dive. To znamena, ze vysledny efekt je, ze mi ten ramcek (border) "preblikava". Tento problem mam len v IE. Neviete mi niekto poradit ako to mam vyriesit?? Tu je kod:
<style>
.thumb_cont {
width: 154px; height: 192px; text-align: left; padding: 0px; margin: 5px; float: left; border: 0px;
}
.thumb_cont .box {
width: 148px; height: 182px; text-align: left; padding: 4px; margin: 0px; border: 1px solid #000;
}
.thumbSt1 {
width: 60px; height: 66px; border: 1px solid #ccc; padding: 0px; margin: 3px; float: left; background: #fff;
}
</style>
<script>
$(document).ready(function(){
$(".thumb_cont", this).mouseover(function () {
$("#box", this).css('border-color', '#ccc');
});
$(".thumb_cont", this).mouseout(function () {
$("#box", this).css('border-color', '#000');
});
});
</script>
<div class='thumb_cont' id='cont' >
<div class='box' id='box' >
<img src='./images/obrazok1.jpg' id='thumb1' class='thumbSt1' >
<img src='./images/obrazok2.jpg' id='thumb2' class='thumbSt1' >
<img src='./images/obrazok3.jpg' id='thumb3' class='thumbSt1' >
<img src='./images/obrazok4.jpg' id='thumb4' class='thumbSt1' >
</div>
</div>
Choď na stránku: