兼容ie6浏览器窗口四角固定背景代码分享

所属分类：网页制作 / CSS 阅读数： 1191

收藏 0赞 0分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>浏览器窗口四角固定背景代码</title> <style type="text/css"> html{     _overflow:hidden;/*for ie6*/ } body {     margin:0;     padding:0;     _height:100%;/*for ie6*/     _overflow:auto;/*for ie6*/ } .mainbox {     position:relative;     _position:inherit;/*for ie6*/     margin:20px;     display:block;     height:2000px;     background:#e2e2e2; } .topleft, .topright, .bottomleft, .bottomright {     position:fixed;     width:100px;     height:100px;     background-color:#990;     _position:absolute;/*for ie6*/     _z-index:-1;/*for ie6*/ } .topleft {     left:0;     top:0; } .topright {     right:0;     top:0; } .bottomleft {     left:0;     bottom:0; } .bottomright {     right:0;     bottom:0; } </style> </head> <body> <div class="topleft"></div> <div class="topright"></div> <div class="bottomleft"></div> <div class="bottomright"></div> <div class="mainbox">这里是内容区域填充文字</div> </body> </html>

提示：您可以先修改部分代码再运行

更多精彩内容其他人还在看

兼容ie6浏览器窗口四角固定背景代码分享

2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼

前端设计师需要了解的9个问题

CSS强制性换行的方法区别详解

CSS语义化命名方式及常用命名规则

ul li内容宽度的问题的解决方案

html5+css3气泡组件的实现

html5+css3之CSS中的布局与Header的实现

一款恶搞头像特效的制作过程利用css3和jquery

大图片根据分辨率自适应宽度仍居中显示

CSS3提交意见输入框样式代码

网络赚钱

站长故事

兼容ie6浏览器窗口四角固定背景代码分享

2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼

前端设计师需要了解的9个问题

CSS强制性换行的方法区别详解

CSS语义化命名方式及常用命名规则

ul li内容宽度的问题的解决方案

html5+css3气泡组件的实现

html5+css3之CSS中的布局与Header的实现

一款恶搞头像特效的制作过程 利用css3和jquery

大图片根据分辨率自适应宽度仍居中显示

CSS3提交意见输入框样式代码

网络赚钱

站长故事

一款恶搞头像特效的制作过程利用css3和jquery