Здравствуйте, есть
сайт и при наведении курсора на картинку, она затемняется, точнее меняется ее прозрачность.
Но проблема в том что при наведении на блок с текстом, обертка слоя так же затемняется. Возможно ли сделать так, что бы при наведении курсора изменялась только прозрачность изображений, а текст оставался неизменным? Спасибо
P.S. И если возможно обьясните простым языком, или дайте сниппет, так как я в JS не силен
Вот код который использовался
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function( ){
jQuery('.rel')
.on('mouseenter', function() {
jQuery(this).stop().animate({opacity: "0.8"}, 300);
})
.on('mouseleave', function() {
jQuery(this).stop().animate({opacity: "1"}, 300);
})
});
</script>