{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Ridiculous、 的问题《progid:DXImageTransform.Microsoft.AlphaImageLoader》','https://www.manongdao.com/q-598782.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
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%;
}
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.
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.
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.
Per this explanation:
http://css-tricks.com/perfect-full-page-background-image/
"...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."
You could add a containing div just inside the body, then.