如何将图像完美地融入div中？

Question

http://cssdesk.com/PgtbW

我希望尽可能多地使用HTML和CSS以及尽可能少的JavaScript。 spotlight中的图像应完全适合方形，并显示从左到右的所有像素。基本上，我希望它根据屏幕大小调整大小。

我看了整个网络，似乎什么都没有用。

Answer 1

尝试将background-size:cover添加到聚光灯类，如下例所示：http://cssdesk.com/4vQvQ

Answer 2

根据JavaScript的图像大小，您只需要六倍大小。

e.g

document.getElementById("Your Div Id").width="Width of the image in px";
document.getElementById("Your Div Id").Height="Height of the image in px";

Answer 3

使用

在div中插入图像

并应用以下css

div img
{
width:100%;
height:100%;
}

请记住，它不会将图像作为div的背景......