日本一区高清免费在线,我国产码在线观看av哈哈哈网站 ,又色又爽又高潮免费视频观看

復(fù)制代碼代碼如下:
#fixed {
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
}
body#fixed {
position: fixed;
}
#content {
margin-left: 10em;
background:red;
height:800px;
}

利用css選擇器覆蓋原position的屬性值；
fixed層的父層需是body才能這樣實(shí)現(xiàn)；
但是這樣還不完美并不能完全實(shí)現(xiàn)效果，因?yàn)椴粫?huì)隨body頁面拉動(dòng)而滾動(dòng)
要實(shí)現(xiàn)隨body頁面滾動(dòng)而滾動(dòng) 需添加以下js代碼

復(fù)制代碼代碼如下:
script language="javascript" type="text/javascript"
function fixedPop1(){
var m=60; //top值
var obj=document.getElementById("TopDivInner"); //position:fixed對(duì)象
var n=50; //top值
var obj2=document.getElementById("TopDiv"); //position:fixed對(duì)象
window.onscroll=function(){obj2.style.top=(document.body.scrollTop||document.documentElement.scrollTop) n ’px’;
obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop) m ’px’;
}
window.onresize=function(){obj2.style.top=(document.body.scrollTop||document.documentElement.scrollTop) n ’px’;
obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop) m ’px’;
}
};
$(function(){
fixedPop1();
});
/script

豆瓣的彈出登陸框就是利用這樣的方式實(shí)現(xiàn)的，當(dāng)然要在js代碼上加 if IE6的
到此，加上通過js判斷屏幕分辨率進(jìn)而改變彈出框的位置，使其更加合理化，就基本完成了豆瓣彈出登陸款的實(shí)現(xiàn)

然而這個(gè)在ie6下存在拖動(dòng)滾動(dòng)條引起登陸框閃動(dòng)的問題，為解決這個(gè)問題可以利用css e xpression 代價(jià)是更高的內(nèi)存占用

復(fù)制代碼代碼如下:
!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=gb2312" /
title無標(biāo)題文檔/title
style type="text/css"
*
{
margin: 0px;
padding: 0px;
}
body {
background-image: url(http://global.tianya.cn/global/gnav/css/nothing.txt);
background-attachment: fixed; /* prevent screen flash in IE6 */
}
#topNavWrapper {
width: 980px;
text-align: left;
height: 31px;
margin: 0px auto;
z-index:100;
_position: relative ;
_top:0px;
}
#topNav {
width: 980px;
float: left;
display: block;
z-index: 100;
overflow: visible;
position: fixed;
top: 0px; /* position fixed for IE6 */
_position: absolute;
_top: expression(documentElement.scrollTop"px");
background-image: url(http://global.tianya.cn/global/gnav/images/top_r.gif);
background-repeat: no-repeat;
background-position: right;
height: 31px;
}
.show{
position:absolute;
top:500px;
left:400px;
border:#ff0000 1px solid;
}
/style
/head
body
div id="topNavWrapper"
ul class="jd_menu" id="topNav"
/ul
/div
這里是大量的br換行標(biāo)簽。
div class="show"show/div
/body
/html

since1984應(yīng)該利用類似的技術(shù)實(shí)現(xiàn)其底部半透明框框
【css js ie6 fixed bug的解決方法】

css+js ie6 fixed bug的解決方法

推薦閱讀

高考直通車如何添加目標(biāo)小部件到桌面？添加目標(biāo)小部件到桌面的步驟分享

遼寧的由來，遼寧省名字的由來是什么

Word2010中首行縮進(jìn)2個(gè)字符設(shè)置

QQ服務(wù)在哪里

長期吃益生菌的后果益生菌吃多的壞處

fadein有沒有ipad版

吸收了歐洲歷法的成果著作是，吸收了歐洲歷法的成果著作是什么

qq手機(jī)游戲?yàn)槭裁凑f授權(quán)失敗

華為手機(jī)往下滑的功能怎么沒有了

夢見一大盆鮮血是什么意思

小米5c測評(píng) 小米5c評(píng)測

華為是目前非常強(qiáng)的一家企業(yè) 一千左右華為和小米哪個(gè)耐用

投影快捷鍵ctrl加什么

鯉魚能吃嗎，鯉魚和草魚能生吃嗎

格力空調(diào)故障代碼E6

海爾售后服務(wù)有哪些，海爾冰箱售后服務(wù)都有些什么服務(wù)