悬停图像时奇怪的星号？

我有一个显示特色产品的Magento jcarousel插件。将鼠标悬停在图像上时，会显示图像的较大版本。在这个更大的版本中，左上角有一个*（星号）。悬停图像时奇怪的星号？

这很难解释，你可以看到它在http://www.dooor.nl/上的行动，当你悬停在页面中间的caroussel（在通讯上方，移动滑块下面）。

我不知道它是如何到达那里的，它不在原来的插件中。问题是我无法使用萤火虫访问它，看看它来自哪里，因为我无法选择徘徊的图像。

编辑：这是原始插件：http://www.hellothemes.com/demo/?theme=hellowear。你可以看到那里没有星号。

来源

2012-08-10 Linkjuice57

这当然正通过JS和CSS加入扩大图像没有任何' *'在他们的 – asprin 2012-08-10 09:40:18

我认为它的JS。我试着在Firebug中激活'hover'状态，所有的CSS都在做悬停时添加'text-decoration：none'。 – Linkjuice57 2012-08-10 09:43:16

该astertik是在你的形象.... !!!! – 2012-08-10 09:52:13

这是对你的图像 - 如果你看看在Photoshop的左上角，有一个小的星号形状的区域是透明的。由于您的预览背景为深灰色，因此会透过图像看起来像星号。

如果你不想解决所有图像本身，您可以添加到您的CSS：

#preview img { 
    background-color: white; 
}

来源

2012-08-10 09:51:27

astertik在图像...伟大的工作...人..你发现.. – 2012-08-10 09:53:00

伟大的建议，艾曼。 – 2012-08-10 10:01:49

优秀的侦探工作！谢谢一堆！ – Linkjuice57 2012-08-10 10:21:03

试试这个：

去这个文件

<script type="text/javascript" src="http://www.dooor.nl/skin/frontend/default/tribeca/js/imgpreview.js"></script>

，并从该行删除c：

jQuery("body").append("<div id='preview'><img src='"+ this.rel +"' alt='Loading' /></div>");

此外，为了使悬停的形象留在这个地方，注释掉这整个部分在同一个文件中：

jQuery("a.preview").mousemove(function(e){ 
     jQuery("#preview") 
      .css("top",(e.pageY - xOffset) + "px") 
      .css("left",(e.pageX + yOffset) + "px"); 
    });

这样你可以将鼠标悬停在图像上并通过Firebug检查它的CSS。让我知道你在找什么

来源

2012-08-10 09:49:30 asprin

悬停图像时奇怪的星号？

回答

相关问题