兼容ie6瀏覽器窗口四角固定背景代碼分享

2024-07-11 08:34:52

字體：大中小

供稿：網(wǎng)友

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /> <html xmlns=”http://www.w3.org/1999/xhtml”><br /> <head><br /> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><br /> <title>瀏覽器窗口四角固定背景代碼</title><br /> <style type=”text/css”><br /> html{<br /> _overflow:hidden;/*for ie6*/<br /> }<br /> body {<br /> margin:0;<br /> padding:0;<br /> _height:100%;/*for ie6*/<br /> _overflow:auto;/*for ie6*/<br /> }<br /> .mainbox {<br /> position:relative;<br /> _position:inherit;/*for ie6*/<br /> margin:20px;<br /> display:block;<br /> height:2000px;<br /> background:#e2e2e2;<br /> }<br /> .topleft, .topright, .bottomleft, .bottomright {<br /> position:fixed;<br /> width:100px;<br /> height:100px;<br /> background-color:#990;<br /> _position:absolute;/*for ie6*/<br /> _z-index:-1;/*for ie6*/<br /> }<br /> .topleft {<br /> left:0;<br /> top:0;<br /> }<br /> .topright {<br /> right:0;<br /> top:0;<br /> }<br /> .bottomleft {<br /> left:0;<br /> bottom:0;<br /> }<br /> .bottomright {<br /> right:0;<br /> bottom:0;<br /> }<br /> </style><br /> </head><br /> <body><br /> <div class=”topleft”></div><br /> <div class=”topright”></div><br /> <div class=”bottomleft”></div><br /> <div class=”bottomright”></div><br /> <div class=”mainbox”>這里是內(nèi)容區(qū)域填充文字</div><br /> </body><br /> </html><br />
提示：您可以先修改部分代碼再運(yùn)行

上一篇：解析CSS中的偽元素及其與偽類的區(qū)別

下一篇：css3 transform及原生js實(shí)現(xiàn)鼠標(biāo)拖動3D立方體旋轉(zhuǎn)