javascript - 使用 jQuery 缩放相对于用户屏幕大小的图像

Question

我知道以前有人回答过类似的问题，但我找不到我要找的东西。

我正在尝试在此 page 上重新创建页脚图像.我已经完成了悬停效果，但我无法将图像缩放到与该网站上的图像相同的大小。

有人知道如何让图像看起来完全一样吗？

这是我在 jsdfiddle 中的内容(出于某种原因，悬停效果在 jsfiddle 中不起作用)。下面的代码是我用于 ho 的代码

$(".img_Fade").hover(
  function () {
    $(this).fadeTo("slow" , 1);
  },
  function () {
   $(this).fadeTo("slow" , .5);
  }
);

Answer 1

我在您的 fiddle 中添加了 jQuery(这就是淡化不起作用的原因)并添加了 overflow: hidden给你的三个<div>元素。这将隐藏图像的溢出部分。

是否还需要它们随屏幕高度缩放？

http://jsfiddle.net/borglinm/3fmPU/1/