开发者

CSS sticky footer makes scroll bar unscrollable in IE 8

开发者 https://www.devze.com 2023-02-04 08:19 出处:网络
I\'m using this sticky footer in my website: http://www.cssstickyfooter.com/using-sticky-footer-code.html

I'm using this sticky footer in my website: http://www.cssstickyfooter.com/using-sticky-footer-code.html

It is fully working in Firefox, Chrom开发者_StackOverflow中文版e, IE7, but not IE8. In IE8 the scrollbar appears but doesn't work, and I don't have any other way to move down. I'm using the conditional statement that appears in the web:

<!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->

Sorry, but I can't post an address, I don't have a server online right now with the web.


Thanks to Alec,

I decided to retry to move the code back to the basics. But this time, I consider that maybe it was related to other CSS I had in my website, bingo!

Finally found the CSS rule that was making the scrollbar unusable. I was using a gradient color for the background of the body:

body {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a0d6',  endColorstr='#024f7c');
}

Now I'm using an image for the background and the scrollbar is working and the sticky footer is right where it should be.

0

精彩评论

暂无评论...
验证码 换一张
取 消