DDR爱好者之家

css3 position fixed固定居中问题解决方案
站长资源 2025/1/6 佚名
9 1538
DDR爱好者之家 Design By 杰米
通常，我们要让某元素居中，会这样做：

复制代码代码如下:
#element{
margin:0 auto;
}

如果还想让此元素位置固定呢？一般我们会添加position:fixed，如下：

复制代码代码如下:
#element{
position:fixed;
margin:0 auto;
}

但是这样做的结果就是，元素不居中了。这说明fixed使对象脱离了正常文档流。

解决方案：

复制代码代码如下:
#element{
position:fixed;
margin:0 auto;
left:0;
right:0;
}

但是在IE7以下的版本中无法工作，要将其更改为：

复制代码代码如下:
#element{
position:fixed;
margin:0 auto;
left:auto;
right:auto;
}

最后我们可以这样：

复制代码代码如下:
if ($.browser.msie && parseInt($.browser.version, 10) <= 7) {
strAlertWrapper.css({position:'fixed', bottom:'0', height:'auto', left:'auto', right:'auto'});
}
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米