主頁 > 知識庫 > 在IE6-的標準模式下和quirk模式下實現(xiàn)min-width

在IE6-的標準模式下和quirk模式下實現(xiàn)min-width

熱門標簽:上海電銷卡外呼系統(tǒng)廠家 地圖標注員怎么去做 貴州全自動外呼系統(tǒng)廠家 德州外呼系統(tǒng)排名 威海人工智能電銷機器人系統(tǒng) 福州外呼系統(tǒng)中間件 百度地圖標注備注 機器人電銷有什么用 好看的地圖標注圖標下載

源碼:

觸發(fā)并利用IE6-layout的怪異特性,css實現(xiàn):

復制代碼 代碼如下:

<style type="text/css">

.ie6-out{
       _margin-left:900px;
       _zoom:1;
}
.ie6-in{
       _position:relative;
       _float:left;
       _margin-left:-900px;
}
#min-width{
       min-width:900px;
       background:#ccc;
       line-height:200px;
       _zoom:1;
}
</style>

<div class="ie6-out">
  <div class="ie6-in">
    <div id="min-width">ie6-下,容器實現(xiàn)模擬min-width效果。請任意改變?yōu)g覽器窗口大小,再點擊按鈕“查看寬度”。</div>
  </div>
</div>



css實現(xiàn)演示:

運行代碼框


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

CSS Expression
——相信許多人在用這個方法實現(xiàn)容器最小寬度時都時常會被莫名其妙的死機所困擾,最后往往無果而終。

這里特別需要指出的是兩點:
1. IE6-的標準模式下和quirk模式下代表視口的元素是不一樣的,前者為<html>,后者則為<body>;
2. IE6-在以上兩種不同的模式下,其對包含內容溢出時的不同表現(xiàn)形式,從而導致了賦值判斷上的死循環(huán)。解釋起來有些啰嗦,自己實踐一下吧。

CSS Expression實現(xiàn)最小寬度源碼:
復制代碼 代碼如下:

<style type="text/css">
body{ text-align:center;}
#min-width{
       min-width:900px;
       _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
       line-height:200px;
       background:#ccc;
}
</style>
<div id="min-width">ie6-下,容器實現(xiàn)模擬min-width效果。請任意改變?yōu)g覽器窗口大小,再點擊按鈕“查看寬度”。</div>

演示:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

以上兩種解決方法在IE6-的標準模式下和quirk模式下都可實現(xiàn),IE Expression在這個應用中也未發(fā)現(xiàn)CPU效率問題。

標簽:岳陽 南陽 南陽 泉州 葫蘆島 邵陽 撫州 白城

巨人網絡通訊聲明:本文標題《在IE6-的標準模式下和quirk模式下實現(xiàn)min-width》,本文關鍵詞  在,IE6-,的,標準,模式,下,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《在IE6-的標準模式下和quirk模式下實現(xiàn)min-width》相關的同類信息!
  • 本頁收集關于在IE6-的標準模式下和quirk模式下實現(xiàn)min-width的相關信息資訊供網民參考!
  • 推薦文章