Question

我正在修复Wordpress网站黑客攻击，并且几乎一切都恢复了正常。我已经寻求专业帮助来清理它，替换文件并删除该恶意软件，而且看起来还不错。但是由于某些原因，我的悬停叠加效果现在无法正常工作。

我已经检查了footer.php和.css，它们都应该是正常的。有什么建议吗？

以下是CSS：

  #image .image:hover .overlay  {

}

 .overlay {
 display:none;
 position: absolute;
 top: 20px;
 left: 20px;
 height: calc(100% - 40px) ;
 width: calc(100% - 40px);
 opacity: 1;
 transition: 1s ease;
 background-color: #008CBA;


}

.overlay-inner{
  position: absolute;
   top: 50%;
   left: 49%;
   transform: translate(-50%, -50%);
  color: white;
  font-size: 1rem;

}

这是我的footer.php中找到的JS：

<script type="text/javascript">

jQuery(window).load(function() {
  var container = 
document.querySelector('#imagewrapper');
  var msnry = new Masonry( container, {
    itemSelector: '.image',
    columnWidth: '.image',
  });
$('.overlay').css('visibility', 'visible')
});

var colors = ['blue', 'green', 'pink', 'gray', 
'#F9CD19', '#198CF9', '#C59FF9', '#F86A4A'];

jQuery('.overlay').each(function(index, item) {
  var index = Math.round(Math.random() * 
colors.length - 1);
  jQuery(this).css('background-color', 
colors[index]);
    })


    jQuery('.image').on('mouseover',function(){
      jQuery(this).find('.overlay').show();
    });
    jQuery('.image').on('mouseout',function(){
      jQuery(this).find('.overlay').hide();
    });
</script>

您可以分享任何想法或建议吗？

网站遭到黑客入侵后，为什么我的悬停重叠式广告无法正常工作？

0 个答案: