progid:DXImageTransform.Microsoft.AlphaImageLoader导致链接在ie8，ie7和ie6中不可点击 [英] progid:DXImageTransform.Microsoft.AlphaImageLoader causing links to be unclickable in ie8, ie7, and ie6
问题描述
以下是应用背景的CSS，以使其与浏览器窗口一起延伸:
Here's the CSS that applies the background so that it stretches with the browser window:
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)，没有任何链接有效.
I have no problems when using FF, Chrome, Opera, or IE9, but in IE8 IE7 and IE6 (not that I should care about IE6) none of the links work.
当我禁用filter属性时，链接将再次起作用.我了解到放置相对链接可能会有所帮助，但这没有用，outter元素<body>始终不是相对位置.
When I disable the filter attribute the links work again. I read up that positioning the links relative might help but it didn't work and the outter element <body> isn't positioned relative anyway.
该网站为 http://sytko.com .客户要求以这种方式进行设计和布局，因此很难推销替代品.任何帮助将不胜感激.
The site is http://sytko.com. The design and layout was requested to be this way by the client so it will be hard to pitch alternatives. Any help is greatly appreciated.
推荐答案
按照以下说明:
http://css-tricks.com/perfect-full- page-background-image/
"......任何尝试使用上述IE过滤器且滚动条或死链接有问题的人...都应尝试不要在html或body元素上使用它们.而应使用宽度和高度为100％的固定位置div ."
"...anyone trying to use the above IE filters and having problems with scrollbars or dead links ... should try NOT using them on the html or body element. But instead a fixed position div with 100% width and height."
然后，您可以在主体内部添加一个包含div的内容.
You could add a containing div just inside the body, then.
这篇关于progid:DXImageTransform.Microsoft.AlphaImageLoader导致链接在ie8，ie7和ie6中不可点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
