秋霞在线看片AV无码免费,亚洲国产欧美中文手机在线,男人的天堂2018无码,国产制服丝袜无码视频

不知道您是否留意了，瀏覽本站時(shí)，瀏覽器右下角有一個(gè)標(biāo)著top的黑色直角三角形，可以點(diǎn)擊它返回到正在瀏覽的網(wǎng)頁(yè)頁(yè)眉。當(dāng)滾動(dòng)網(wǎng)頁(yè)時(shí)，它的位置一直沒(méi)有任何改變，您感覺(jué)它怎么樣？這就是通過(guò)CSS的定位屬性來(lái)實(shí)現(xiàn)的，通過(guò)它可以讓HTML元素脫離文檔流固定在瀏覽器的某個(gè)位置。

IE7、Firefox、Opera，都支持CSS的，所以很容易實(shí)現(xiàn)（《詳解定位與定位應(yīng)用》）
IE6不支持該屬性，但是在使用!DOCTYPE 聲明指定standards-compliant（標(biāo)準(zhǔn)）模式可以通過(guò)CSS hack實(shí)現(xiàn)
上述聲明下IE5和IE5.5目前沒(méi)有發(fā)現(xiàn)通過(guò)純粹CSS能夠解決的方案，但是可以通過(guò)IE特有的expression在CSS中實(shí)現(xiàn)（移動(dòng)網(wǎng)頁(yè)時(shí)固定元素會(huì)動(dòng)），這和常見(jiàn)浮動(dòng)Logo廣告利用Javascript實(shí)現(xiàn)原理是一樣的，只不過(guò)可以直接寫(xiě)在CSS中比較簡(jiǎn)便的
利用IE獨(dú)有的條件注釋語(yǔ)句可以針對(duì)不同的IE版本精確設(shè)置，同時(shí)避免了這些代碼被其他瀏覽器讀到，個(gè)人認(rèn)為比純粹的CSS Hack好，如果你安裝了多個(gè)IE（包括綠色版本），條件注釋將會(huì)以最高版本的IE為標(biāo)準(zhǔn)。
實(shí)現(xiàn)代碼如下：

"">


......

IE6中利用容器對(duì)溢出內(nèi)容的處理方式來(lái)實(shí)現(xiàn)的

代碼演示1（單個(gè)IE，純粹通過(guò)條件注釋區(qū)分IE瀏覽器）

代碼演示2（多個(gè)IE，通過(guò)條件注釋+CSS hack區(qū)分IE瀏覽器，明顯的比純粹條件注釋復(fù)雜且不易讀，放上來(lái)主要是便于同個(gè)PC擁有多個(gè)IE瀏覽器朋友[一般應(yīng)該做是web開(kāi)發(fā)的]可以直接看到效果，下同。）

或許有人像我一樣，在!DOCTYPE 聲明是XHTML1.0 Strict或者是XHTML1.1時(shí)，喜歡在聲明前面加上XML Prolog(如：)，但此時(shí)IE7以下都處于quriksQuirks（兼容）模式，所以上述針對(duì)IE6的Hack失效，這個(gè)時(shí)候你可以對(duì)IE6也通過(guò)expression來(lái)實(shí)現(xiàn)。

當(dāng)IE6處于quriks模式時(shí)，IE6和IE5.5對(duì)CSS解析方式幾乎雷同，所以當(dāng)看到《position:fixed for Internet Explorer》時(shí)，我找到了在quriksQuirks模式下IE6/IE5.5/IE5統(tǒng)一的CSS解決方案：

"">


......

代碼演示3（單個(gè)IE，純粹通過(guò)條件注釋區(qū)分IE瀏覽器）

代碼演示4（多個(gè)IE，通過(guò)條件注釋+CSS hack區(qū)分IE瀏覽器）

對(duì)比兩個(gè)純粹的CSS hack發(fā)現(xiàn)，兩個(gè)原理似乎相同，在于html元素和body元素的應(yīng)用和對(duì)CSS的的支持程度上，但是這實(shí)際上是一種Hack，基本上不具備通用性，知道這個(gè)方法就可以了。需要提醒的是IE6 standards-compliant模式下HTML元素不管給它設(shè)置什么樣的高度和寬度，它的大小都始終充滿(mǎn)整個(gè)瀏覽器的可視區(qū)域，而IE5 以及 Quirks 模式下html元素和body元素所有寬高設(shè)置都會(huì)被忽略而保持充滿(mǎn)瀏覽器的可視區(qū)域，更多內(nèi)容請(qǐng)看《IE 中的 html 元素》

或許有人會(huì)想，現(xiàn)在可以引入了XML Prolog又能用純CSS方法解決了IE7以下的問(wèn)題，這下爽了，但是加上XML Prolog后突然發(fā)現(xiàn)IE6處于quriksQuirks模式，以前在standards-compliant模式下的設(shè)計(jì)又變形了，呵呵，這就是咱們搞IE的下場(chǎng)。