• 
      
        <strike id="w0aiq"><menu id="w0aiq"></menu></strike><fieldset id="w0aiq"></fieldset> <fieldset id="w0aiq"></fieldset>
      • <ul id="w0aiq"></ul>
        <ul id="w0aiq"></ul>
      • <ul id="w0aiq"></ul>
        廣東福建浙江江蘇上海北京山東遼寧江西河南四川湖北湖南廣西安徽黑龍江天津重慶吉林河北貴州甘肅山西云南新疆寧夏海南陜西西藏青海內蒙古

        新聞中心

        CSS固定定位
        發布時間:2014-10-11 23:27:32

        不知道您是否留意了,瀏覽本站時,瀏覽器右下角有一個標著top的黑色直角三角形,可以點擊它返回到正在瀏覽的網頁頁眉。當滾動網頁時,它的位置一直沒有任何改變,您感覺它怎么樣?這就是通過CSS的定位屬性來實現的,通過它可以讓HTML元素脫離文檔流固定在瀏覽器的某個位置。

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

        "">


        ......

        IE6中利用容器對溢出內容的處理方式來實現的




        ......




        代碼演示1(單個IE,純粹通過條件注釋區分IE瀏覽器)

        代碼演示2(多個IE,通過條件注釋+CSS hack區分IE瀏覽器,明顯的比純粹條件注釋復雜且不易讀,放上來主要是便于同個PC擁有多個IE瀏覽器朋友[一般應該做是web開發的]可以直接看到效果,下同。)

        或許有人像我一樣,在!DOCTYPE 聲明是XHTML1.0 Strict或者是XHTML1.1時,喜歡在聲明前面加上XML Prolog(如:),但此時IE7以下都處于quriksQuirks(兼容)模式,所以上述針對IE6的Hack失效,這個時候你可以對IE6也通過expression來實現。

        當IE6處于quriks模式時,IE6和IE5.5對CSS解析方式幾乎雷同,所以當看到《position:fixed for Internet Explorer》時,我找到了在quriksQuirks模式下IE6/IE5.5/IE5統一的CSS解決方案:


        "">


        ......



        ......




        代碼演示3(單個IE,純粹通過條件注釋區分IE瀏覽器)

        代碼演示4(多個IE,通過條件注釋+CSS hack區分IE瀏覽器)

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

        或許有人會想,現在可以引入了XML Prolog又能用純CSS方法解決了IE7以下的問題,這下爽了,但是加上XML Prolog后突然發現IE6處于quriksQuirks模式,以前在standards-compliant模式下的設計又變形了,呵呵,這就是咱們搞IE的下場。


        相關說明: 您可以通過電話:020-85421558 與我們聯系,我們會根據您所從事的行業領域和網站類型,在最短的時間內請我們的營銷顧問與您預約后上門拜訪您,直接面談交流為您解答所有的網站建設疑問。
        主站蜘蛛池模板: 久久66热人妻偷产精品9| 国产精品成人不卡在线观看| 精品久久久久久久无码| 99熟女精品视频一区二区三区| 久久综合精品国产二区无码| 国产精品无码v在线观看| 国产精品岛国久久久久| 亚洲精品成人无限看| 日韩精品国产自在欧美| 丁香色婷婷国产精品视频| 99精品国产高清一区二区麻豆| 无码囯产精品一区二区免费| 欧美精品一区二区在线精品 | 日韩熟女精品一区二区三区| 亚洲精品高清国产一久久| 91麻豆国产福利精品| 久久99国产综合精品女同| 亚洲精品成人片在线观看精品字幕| 男人的天堂精品国产一区| 国产精品综合久久第一页| 91精品国产福利在线观看| 久久线看观看精品香蕉国产| 国产成人精品免费午夜app| 国内揄拍高清国内精品对白| 亚洲av午夜福利精品一区 | 精品无码日韩一区二区三区不卡| 亚洲欧美精品午睡沙发| 亚洲国模精品一区| 亚洲日韩精品无码专区网站| 亚洲AV无码成人精品区狼人影院 | 久久精品无码免费不卡| 国产精品单位女同事在线| 99久久精品免费观看国产| 四虎影视国产精品亚洲精品hd| 欧美+亚洲+精品+三区| 思思99热在线观看精品| 亚洲精品无码不卡| 国产精品99在线播放| 久久99精品久久久久久噜噜 | 久久精品国产99久久无毒不卡| 日韩精品无码专区免费播放|
        上一篇:全面了解CSS內置顏色(color)值       下一篇:CSS欺騙,讓背景不能滾動

        提供全國各地網站建設服務

        上海北京深圳廣州天津南京大連杭州沈陽成都東莞濟南佛山無錫長沙武漢寧波長春蘇州青島珠海大慶福州廈門常州鄭州煙臺西安合肥南寧重慶東營昆明威海中山南昌紹興太原惠州溫州徐州揚州淄博鎮江鞍山保定銀川南通洛陽嘉興臺州桂林貴陽蘭州盤錦漳州黃石唐山濰坊湘潭肇慶吉林江門海口株洲泉州泰州包頭柳州德州韶關寶雞金華鹽城新鄉十堰廊坊玉溪濟寧滄州蕪湖湖州梧州泰安安陽遼陽舟山梅州常德三明連云港哈爾濱秦皇島馬鞍山石家莊呼和浩特

         
        備案系統認證 舉報不良網站 我們的支付方式 AAA級信用
        廣州萬戶網絡信息科技有限公司 旗下網站建設品牌:萬戶網 www.honglang-dl.com 版權所有 ©2000-2019 All Rights Reserved
        網站備案編號:粵ICP備15049595號 地址:廣州市番禺區大石街北聯圍仔工業路2號E座305
        電話:020-85421558   傳真:020-88140140   郵編:510515