javascript - 将文本定位在 img-s 的确切位置并保持在那里

标签 javascript jquery css image positioning

我无法定位网站。我有一个背景图片,根据它我想要一些应该留在这个 img 的确切位置的文本。因此,如果图像因分辨率不同而移动,文本应随 img 移动(这些将成为菜单项,这就是我需要它们的原因,它们应该出现在 Octopus 的触手上)。

此外,如果 img 和文本的位置在 css 中是固定的,那么在较小的分辨率下,只有一小部分 img 会出现。出现了卷轴,但如果我使用它们,无论如何只能看到 img 的这些部分。

请帮忙! :(

无论我必须如何解决这个问题,我都会接受任何类型的解决方案,即使是 jquery 或 javascript。

谢谢!

编辑: 我稍微更改了网站:现在我有一个背景 img,在它上面有一个 div(这是基础)。里面是 Octopus 的另一个图像。我有菜单(div 中的文本)应该始终留在触手上。所以我需要 Octopus 和菜单一起移动并始终可见(在任何分辨率下都可以看到)。 Octopus 现在可以在这个 width/height:100% settig 的情况下一直被看到。我还需要将它居中,但无论如何我都没有用,但这是一个较小的问题。最大的还是要随画面移动的菜单(停留在触手上的画面上)。

最佳答案

你可以用来移除滚动条

overflow:hidden; 

关于javascript - 将文本定位在 img-s 的确切位置并保持在那里,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26371850/

相关文章:

Javascript子类代码解释

javascript - 使用php没有记录列时如何禁用按钮?

javascript - 禁用滚动上的悬停以防止浏览器重绘

javascript - jQuery 动画垂直菜单

javascript - 如何在 Jquery Mobile 中的两个页面之间传递和获取参数?

javascript - 将更多数据添加到现有模型 (backbone.js)

FF 和 Chrome 之间的 jQuery 区别

javascript - 鼠标悬停时使用 iFrame 打开弹出窗口

php - Wordpress CSS Frontpage 无法正常工作

html - 尝试通过 CSS 强制换行 - 显示 :block Not Working