代码:
css
.center { position: fixed; *position: fixed; _position: absolute; display: block; width: 700px; min-height: 80px; z-index: 998; background-color: #fff; border: 1px #d7d7d7 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 5px #d7d7d7; -moz-box-shadow: 0 5px 5px #d7d7d7; box-shadow: 0 5px 5px #d7d7d7; top: 50%; left: 50%; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
js
高级浏览器ie8+,firefox,chrome,opera,safari center.css({"margin-left": "-350px", "margin-top": (-1 * pos.height() / 2) + "px"});
ie6、7 center.css({"margin-left": (-1 * pos.width() / 2) + "px", "margin-top": (-1 * pos.height() / 2) + "px"});
注:如果center宽度为百分比,照样适用,只是
高级浏览器ie8+,firefox,chrome,opera,safari center.css({"margin-left": "center百分比宽度/2", "margin-top": (-1 * pos.height() / 2) + "px"});
相关推荐
垂直居中显示ie7+
DIV+CSS上下左右绝对居中
js弹出层绝对居中(ie,火狐都支持)在不同浏览器上显示效果一样
一个DIV绝对居中的例子,希望能帮你解决一些垂直居中的问题(包括不定高度的DIV)。。。
一个图片居中的CSS示例,兼容IE6,7,8和FF,opera,safari
jquery实现让弹出层绝对居中。
垂直居中ie8+
明锋工作室整理常用资料。本次资料是一个自动居中插件,只要设定div长度和高度,其中的图片会自动铺满容器并且自动居中。...并且该自动居中插件支持IE6、IE7、IE8、IE9、IE10、CHROME、FIREFOX、OPERA。
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有...经过这么一番设置问题似乎解决了,在FF中已经居中了,可是在IE中看竟然还是没有居中! 郁闷了一下午,就是找不出问题所在,还特地比较了网上的文章竟
绝对居中 div 层
css 未知高度元素绝对居中终极完美解决方案
div错位解决IE6IE7IE8样式不兼容问题
搞了这么久,以前不知道怎么弄,老是用表格,...两者结合,就可以绝对居中了: 复制代码代码如下: ”center”>Content</div> 不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
resizepic 根据图片的实际比例适用外层div的大小,或左右居中显示 或上下居中显示。 完美解决图片缓存后不执行onload事件的情形。兼容 ie ff 谷歌
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
主要介绍了ie下margin不居中的三种解决方法,需要的朋友可以参考下
包含两个页面和一张百度网址的二维码图片,index-flex.html展示的是flex布局绝对居中写法和遮罩层点击空白处关闭的方法一。index-transform.html展示的是利用transform属性偏移进行绝对居中和遮罩层点击空白处关闭的...
css 半透明全屏蒙层 全屏屏蔽 内容绝对居中
NULL 博文链接:https://272426068.iteye.com/blog/690981