0

我需要在我的网站上拉伸背景图像，以便无论分辨率如何，它都始终填充可用的窗口区域。我最初的选择当然是background-size:cover;，但像往常一样，IE 似乎不喜欢有效的 css，所以我不得不使用：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
 src='images/bg.jpg',
 sizingMethod='scale');

 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
 src='images/bg.jpg',
 sizingMethod='scale')";

但是，尽管现在背景可以正确拉伸，但由于某种原因，所有输入字段都停止工作，就好像它们位于不可见元素的后面，并且无法以任何方式单击或选择。有什么想法该怎么做？

我知道我可能可以使用 javascript 在窗口调整大小时手动设置图像尺寸，但它不像 css 替代方案那样平滑，尤其是当我必须计算图像尺寸并确保缩放按比例发生时。

4

1 回答 1

0

看看这个： http ://css-tricks.com/perfect-full-page-background-image/

提供了一种纯 CSS 技术，它也适用于旧版浏览器，并且可以解决您的问题。我从一个类似的封闭主题中获取了这个，请参阅： IE7 CSS background-size:100% fallback

于 2013-10-16T09:58:09.523 回答