如何覆蓋嵌入到html頁面的pdfviewer頂部的圖像？

我正在使用http://pdfobject.com/ jquery庫將外部PDF文件加載到html頁面。我想要做的是在特定的位置疊加一個圖像，但我很難在嵌入式pdf中獲取特定文本的確切位置。如何覆蓋嵌入到html頁面的pdfviewer頂部的圖像？

我打算使用不太有效的解決方案，使用.mousemove（）jquery函數來跟蹤div標籤內的鼠標位置，但即使在滾動div之後，位置（pageX，pageY）也保持不變。

如何實現這一目標？

因爲我知道這個解決方案在pdfviewer中放大/縮小的情況下不可行，是否有其他替代方法可用於儘可能準確地覆蓋PDF查看器上的任何對象/元素？

2012-03-22 codef0rmer

你可以垂直滾動與jQuery scrollTop()偏移：

$('#coord').html(e.pageX + ' ' + ($(this).scrollTop() + e.pageY));

2012-03-22 08:01:30 scessor

這是完美的。你有任何想法如何實現這一點如果我在'.box' div內以及放大/縮小模式下渲染一個pdf文件？ – codef0rmer 2012-03-22 08:10:29

您可以將較高的z索引放到要覆蓋iframe的元素上。對於IE來說，bgiframe是一個很棒的jquery插件。

更多詳細信息：

2012-04-01 13:40:20

回答