在IMG上右键单击,显示“将此页面添加为书签”“将页面另存为”而不是典型的“另存为”

时间:2013-04-11 17:31:27

标签: image html

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

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

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

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

以下是我的网站:http://brightontheday.com

2 个答案:

答案 0 :(得分:1)

我相信你指的是你网页上的图片上写着“花卉狂热”,当你鼠标悬停时,会显示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会强制覆盖比它应用的实际引脚按钮稍微大一点(4px),因此大部分图像仍然位于顶部并获得标准的右键单击菜单,并且按钮保持不变工作

有趣的是,尽管存在这种黑客攻击,Pin按钮仍然可以被发现,当你将鼠标悬停在图像的任何部分时仍然会出现,这真的让我怀疑为什么要将叠加放在那里。

答案 1 :(得分:0)

我最终使用了THIS PLUGIN而没有问题了!