css浮动层垂直水平居中固定兼容火狐、ie6、ie7、ie8
2010-09-01 12:03
363 查看
<style type="text/css">
.box{width:200px; height:200px; border:1px solid #000; position:fixed; left:50%; top:50%;margin-left:-100px;margin-top:-100px;_position:absolute;_top:expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft); }
</style>
<div class="box"></div>
.box{width:200px; height:200px; border:1px solid #000; position:fixed; left:50%; top:50%;margin-left:-100px;margin-top:-100px;_position:absolute;_top:expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft); }
</style>
<div class="box"></div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- DIV实现垂直居中（兼容IE6、IE7、IE8，Firefox）
- 兼容IE6,IE7,IE8,Firefox,Chrome，DIV+CSS垂直居中终于失败，最后三分钟用写了几行JS解决，经简单测试，还行。
- 图片垂直水平居中 支持IE6、IE7、IE8、FF等
- 图片水平垂直居中（兼容IE6，IE7，firefox，opera，safari，其中图片可以是任何块元素）
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- 总结--IE6，IE7，IE8，火狐都支持：js/css 底部固定, 底部固定漂浮导航效果
- 未知高度定宽div水平居中及垂直居中（兼容ie6及其他牛逼浏览器）
- 高度和宽度不固定元素水平和垂直居中的实现（父元素高度和宽度固定）（完美解决兼容问题）
- IE6,IE7,IE8,FIRFOX(火狐)兼容的写法
- DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）（转）
- DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- 图文-水平垂直居中兼容ie6+
- DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- 黄聪：DIV+CSS建站经验总结，不同版本IE下CSS布局bug问题（IE5、IE6、IE7、IE8、火狐Firefox兼容）
- css浮动层垂直水平居中固定兼容浏览器
- 黑科技兼容H5高宽不固定水平垂直居中
- 前端开发学习之道：DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- DIV CSS 网页兼容全搞定 （IE6 IE7 IE8 IE9 火狐 谷歌）
- [原创] 纯css漂浮广告页面垂直居中（兼容IE6、IE7、Firefox2.0）