国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
完美IE6 fixed解決方案

  目前網(wǎng)上有的比較多的是這種解決方案(純CSS):
       html{overflow:hidden;}
       body{height:100%;overflow:auto;}
       #rightform form{position:absolute;right:30px;top50px;}
  這個方法有一個bug未解決:在IE6下會把所有position:absolute都變成“浮動”的元素;還有使用js方法滾動滾動條時會出現(xiàn)對象閃爍,如下方法結(jié)合了CSS和js的辦法,解決了以上的問題。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6 fixed</title>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}
body {
_background-image: url(about:blank);     /*用瀏覽器空白頁面作為背景*/
_background-attachment: fixed;             /* prevent screen flash in IE6 確保滾動條滾動時,元素不閃動*/
}

#topNav {
width: 980px;
z-index: 100;                                                     /*設(shè)置浮動層次*/
overflow: visible;
position: fixed;
top: 50px;                                                         /* 其他瀏覽器下定位,在這里可設(shè)置坐標(biāo)*/
_position: absolute;                                       /*IE6 用absolute模擬fixed*/
_top: expression(documentElement.scrollTop + 50 + "px"); /*IE6 動態(tài)設(shè)置top位置*/
/* documentElement.scrollTop 設(shè)置浮動元素始終在瀏覽器最頂,可以加一個數(shù)值達(dá)到排版效果 */
background-color:#0000FF;
height: 31px;
}
.show{
position:absolute;
top:500px;
left:400px;
border:#ff0000 1px solid;
}
</style>
</head>
<body>
<div class="jd_menu" id="topNav">1111</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="show">show</div>
</body>
</html>

  只實(shí)現(xiàn)了垂直方向的fixed。若要實(shí)現(xiàn)水平方向的fixed,設(shè)置_left:expression(documentElement.scrollLeft + "px");

  利用給<body>設(shè)置固定的背景,防止?jié)L動條滾動時的閃動;如果<body>中要設(shè)置滾動的背景而產(chǎn)生沖突,可以把代碼寫在html選擇器里面,如:
   html {
         _background-image: url(about:blank);
         _background-attachment: fixed;         /* prevent screen flash in IE6 */
   }
   body {
        background-image: url(1.jpg);
        background-attachment: scroll;
   }

參考文章:
http://www.wxwdesign.cn/article/skills/ie6_position_fixed_debug.htm

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
css經(jīng)典布局
【html】對html與body的一些研究與理解
Emulating Fixed Positioning
CSS進(jìn)階(14)——position:absolute relative
完美解決IE6不支持position:fixed的bug
在瀏覽器窗口上添加遮罩層的方法
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服