婷婷色婷婷开心五月,日韩美女精品视频一区=区三区,国产成人Av区一区二区三色欲,看全色黄大色大片免费无码,国产综合无码一区二区色蜜蜜,亚洲高清无码视频专区,狠狠ⅴ日韩v欧美v天堂抖音

2024年閆寶龍祝大家龍年吉祥如意,財源滾滾!

當前位置:首頁 ? 網(wǎng)站建設 ? 正文

助力全球營銷

網(wǎng)站的兼容如何解決?

611 人參與  2021年03月15日 14:48  分類 : 網(wǎng)站建設  評論

    做網(wǎng)站的時候煩人的就是IE的不兼容,這也害苦了不知道多少的編碼師。今天西安網(wǎng)絡公司就為大家特地的講解一下網(wǎng)站的兼容如何的解決。

image.png

    特別是對完全使用DIV+CSS設計的網(wǎng)頁,就應該更注意IE6IE7FF對CSS樣式的兼容,不然,你的網(wǎng)頁可能亂的一塌糊涂!我經(jīng)常被這些東西整的焦頭爛額,于是呼在網(wǎng)上找了些資料,加上自己的理解和這些日子的經(jīng)驗,整理了一些資料,其中有一些我還沒用到的和還不能理解的,就直接從別的地方給粘了過來,不知道有沒有錯誤,等我以后用到的時候慢慢改吧,希望對大家有點幫助!什么是瀏覽器兼容:當我們使用不同的瀏覽器(FirefoxIE7IE6)訪問同一個網(wǎng)站,或者頁面的時候,會出現(xiàn)一些不兼容的問題,在這種瀏覽器下顯示正常,在另一種下就亂了,我們在編寫CSS的時候會很惱火,剛修復了這個瀏覽器的問題,結果另外一個瀏覽器卻出了新問題。important(功能有限)

    隨著IE7對!important的支持,!important方法現(xiàn)在只針對IE6的兼容.(注意寫法.記得該聲明位置需要提前.)

    例如:

    #example{

    width:100px!important;

    width:200px;

    }

    二、CSSHACK的方法(新手可以看看,高手就當路過吧)

    首先需要知道的是:

    所有瀏覽器通用height:100px;

    IE6專用_height:100px;

    IE7專用*+height:100px;

    IE6、IE7共用*height:100px;

    IE7、FF共用height:100px!important;

    例如:

    #example{height:100px;}

    *html#example{height:200px;}

    *+html#example{height:300px;}

    下面的這種方法比較簡單

    舉幾個例子:

    1、IE6-IE7+FF

    #example{

    height:100px;

    _height:200px;

    }

    其實這個用上面說的第一種方法也可以

    #example{

    height:100px!important;

    height:200px;

    }

    2、IE6+IE7-FF

    #example{

    height:100px;

    *height:200px;

    }

    3、IE6+FF-IE7

    #example{

    height:100px;

    *+height:200px;

    }

    4、IE6IE7FF各不相同

    #example{

    height:100px;

    _height:200px;

    *+height:300px;

    }

    或:

    #example{

    height:100px;

    *height:300px;

    _height:200px;

    }

    需要注意的是,代碼的順序一定不能顛倒了,要不又前功盡棄了。因為瀏覽器在解釋程序的時候,如果重名的話,會用后面的覆蓋前面的,就象給變量賦值一個道理,所以我們把通用的放前面,越專用的越放后面

    解釋一下4的代碼:

    讀代碼的時候,第一行height:100px;大家都通用,IE6IE7FF都顯示100px

    到了第二行*height:300px;FF不認識這個屬性,IE6IE7都認,所以FF還顯示100px,而IE6IE7把第一行得到的height屬性給覆蓋了,都顯示300px

    到了第三行_height:200px;只有IE6認識,所以IE6就又覆蓋了在第二行得到的height,顯示200px

    這樣,三個瀏覽器都有自己的height屬性了,各玩各的去吧

    這樣說要是你還不明白,要么你去撞墻,要么我去!不過還是你去比較好。

    哦,差點忘了說了:

    *+html對IE7的兼容必須保證HTML頂部有如下聲明:


來源:閆寶龍(微信/QQ號:18097696),網(wǎng)站內(nèi)容轉載請保留出處和鏈接!

YBL.CN網(wǎng)站內(nèi)容版權聲明:
1,本站轉載作品(包括論壇內(nèi)容)出于傳遞更多信息之目的,不承擔任何法律責任,如有侵權請聯(lián)系管理員刪除。
2,本站原創(chuàng)作品轉載須注明“稿件來源”否則禁止轉載!

本文鏈接:http://m.szauwood.com/post/4862.html

<< 上一篇 下一篇 >>
海量短視頻營銷

搜索

最近發(fā)表

網(wǎng)站分類

友情鏈接

標簽列表

最新留言

聯(lián)系+Whatsapp+微信

    閆寶龍微信

網(wǎng)站首頁 | 客戶專題 | 營銷工具 | 案例分享 | 科技資訊 | 好文分享 | 內(nèi)涵段子 | 個人觀點 | 站長新聞 | SEO優(yōu)化 | 網(wǎng)站建設 | 網(wǎng)絡營銷 | 外貿(mào)推廣 | 免責說明 | 網(wǎng)站地圖

Copyright 2005-2024 閆寶龍官方博客 網(wǎng)址:m.szauwood.com 郵箱:im@YBL.cn 電話:13991172090

網(wǎng)站備案號:陜ICP備19006681號

陜公網(wǎng)安備 61010402000877號