1

我环顾了问题论坛以找到答案,但看起来以前没有人遇到过这个问题。所以如果我错过了,我很抱歉浪费你的时间!

就像我在问题标题中指出的那样,我IMG的右键单击功能不起作用。似乎浏览器无法识别img element. 这一定与Pinterest Pin It plugin我所拥有的有关。如果按reload/refresh并右键单击图像(在JS加载之前),您可以save as image在右键单击时看到正常选项。但是一旦页面完全加载,你就不能了。

我在 Firebug 中检查了它,也许它与pin it overlay跨度有关?我不确定。

有没有人听说过这个问题?我真的很感激任何指导。也许我只是在搜索错误的关键字。非常感谢。

这是我的网站:http ://brightontheday.com

4

2 回答 2

1

我相信您指的是您页面上的图片,上面写着“Floral Frenzy”,当您将鼠标悬停时,它会显示 Pinterest 注入的“PIN”叠加层。

您非常接近断言 Pinterest 是原因或相关。在您的 img 顶部有一个跨度覆盖:

<span class="pinit-overlay alignnone" style="height: 714px; width: 466px; ...

因此,该叠加层就是被右键单击的内容,并且由于这不是 img,因此您将获得与右键单击页面空白区域相同的右键单击菜单。

一般来说,您可以通过右键单击 Chrome 并单击 Inspect Element 来检查此类问题,这将向您显示 DOM 树以及您现在实际结束的标签。在这种情况下,Chrome 会直接带您进入问题范围。

我与 Pinterest 的合作不足以知道这个叠加层是否是 Pinterest 的一部分、你添加的东西,或者如果它是由 Pinterest 注入的你可以配置的东西,但作为暴力破解,你可以隔离它通过 CSS 到实际引脚周围的一小块区域,例如:

span.pinit-overlay {
    width: 100px !important; height: 66px !important;
}

该 hack 将迫使叠加层比它应用的实际 pin 按钮大一点 (4px),因此大部分图像仍将位于顶部并获得标准的右键单击菜单,并且 pin 按钮继续工作。

有趣的是,尽管有这个 hack,但 Pin 按钮仍然可以发现,当您将鼠标悬停在图像的任何部分时仍然会出现,这真的让我质疑为什么要放置覆盖层。

于 2013-04-12T06:59:25.873 回答
0

我最终改用了这个插件,不再有问题了!

于 2014-03-30T17:53:15.723 回答