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

Question

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

Mat*_*att 2 css internet-explorer background filter

这是应用背景的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%;
}

Run Code Online (Sandbox Code Playgroud)

我在使用FF,Chrome,Opera或IE9时没有问题,但在IE8 IE7和IE6(不是我应该关心IE6)中没有任何链接有效.

当我禁用该filter属性时,链接再次起作用.我读到定位链接相对可能会有所帮助,但它不起作用,并且外部元素<body>无论如何都不是相对定位的.

该网站是http://sytko.com.客户要求设计和布局是这样的,因此很难提出替代方案.任何帮助是极大的赞赏.

Answer 1

chi*_*len 10

根据这个解释:

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

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

你可以在正文内添加一个包含div.

归档时间：	13 年，8 月前
查看次数：	11920 次
最近记录：	12 年，2 月前