根据缩放背景图像定位和/或缩放div

时间:2011-04-20 19:17:14

标签: jquery html css image

我有一个背景图像,根据浏览器窗口的高度/宽度按比例缩放。我需要在这个背景上放置div,这些div应该相对于背景图像定位。其中一些div也应根据背景图像进行缩放。但最重要的是,这些div应该始终保持与背景图像相关的位置。

有点难过,这有可能吗?非常感谢任何想法或提示。谢谢!

更新: 这是一个说明我想要实现的目标的网址:http://production.bilbao.fi/bg_test/ 无论背景/视口有多大,粉色框应始终保持相同的坐标(相对于背景图像)。

2 个答案:

答案 0 :(得分:0)

我打了一个快速演示,可能会给你一些想法:

http://jsfiddle.net/techappetite/f74Fg/2/

答案 1 :(得分:0)

你的意思是这样吗?

示例:HERE

我不确定你会如何使用Supersize插件,因为它裁剪图像以使其保持成比例,我想知道可能会发生什么事情会被切断的“热点” - 在我的例子中我不是使用脚本只是将图像缩放到视口,这会扭曲它,但我想不出一种方法可以在不相对于视口百分比的情况下缩放框

回答问题并了解一般想法是否创建可扩展的热点?