头闻号

谭立民

护肤膏霜|洗面奶

首页 > 新闻中心 > 科技常识:css3 position fixed固定居中问题解决方案
科技常识:css3 position fixed固定居中问题解决方案
发布时间:2024-11-19 16:38:51        浏览次数:8        返回列表

今天小编跟大家讲解下有关css3 position fixed固定居中问题解决方案 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css3 position fixed固定居中问题解决方案 的相关资料,希望小伙伴们看了有所帮助。

通常 我们要让某元素居中 会这样做:复制代码代码如下:#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'}); }

来源:爱蒂网