懸停圖像時奇怪的星號？

我有一個顯示特色產品的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

懸停圖像時奇怪的星號？

回答

相關問題