[Deff]

didfree,
Тогда вариант таков:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  $("#soc1").mouseenter(function(){
      $('#soc1').prev().stop().animate({"opacity":0}, "slow");
  }).mouseleave(function(){
      $('#soc1').prev().stop().animate({"opacity":1}, "slow");
  });
});
</script>




<div class=Wrap style="width:200px;position:relative;border:red solid 2px;">
  <div style="position:absolute;background-color:#10477D;width:100%;height:100%" /></div>
      <div id="soc1" style="position:relative;z-index:2;width:200px;height:100px;color:#fff;text-shadow:#000 1px 1px 2px">
            Наш объект, Наводить сюда!
      </div>
</div>