Question

这是应用背景的CSS，以便它随浏览器窗口延伸：

html {
    height: 100%;
    width: 100%;
}

body {
    background: url(images/skyline.jpg) no-repeat center 25% fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale')";
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #ddd;
    height: 100%;
    margin: 0;
    width: 100%;
}

使用FF，Chrome，Opera或IE9时我没有问题，但在IE8 IE7和IE6中（不是我应该关心IE6）没有链接可以工作。

当我禁用filter属性时，链接再次起作用。我读到了positioning the links relative might help，但它无法正常工作，并且外部元素<body>无法相对定位。

该网站为http://sytko.com。客户要求设计和布局是这样的，因此很难提出替代方案。非常感谢任何帮助。

Answer 1

根据这个解释：

http://css-tricks.com/perfect-full-page-background-image/

“......任何人试图使用上面的IE过滤器并且遇到滚动条或死链接问题...应该尝试不在html或body元素上使用它们。而是使用100％宽度和高度的固定位置div 。“

然后你可以在身体内添加一个包含div。

progid：DXImageTransform.Microsoft.AlphaImageLoader导致链接在ie8，ie7和ie6中无法点击

1 个答案: