導航:首頁 > 萬維百科 > 網頁設計的兼容性

網頁設計的兼容性

發布時間:2020-12-20 20:40:01

1、網頁設計瀏覽器兼容性的問題,求解決方法!!!

兄弟。
最簡單的一個。在body與body之間加一個center標簽。

然後,請仔細學習一下css的排版吧專。網頁屬居中,是最基礎的東西了。

常規做法如下:
<style type=」text/css」>
body { background-color: #eee; text-align: center; }/*頁面居中*/
#wrap { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; }/*讓文字默認左對齊*/
</style>

<html>
<head>
<title></title>
</head>
<body>
<div id="wrap">
<p>內容區</p>
<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

</div>
</body>
</html>

2、網頁設計中如何解決瀏覽器兼容問題

1. 目標不居中;一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況:a. 如果是在瀏覽器中沒有居中,就是沒盒子,就是要用一個大DIV把所有需要居中元素裝起來,然後給盒子一個css樣式margin:0 auto;b. 如果想要盒子內的元素居中,必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;2. 目標在不同瀏覽器上的位置不同;a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤,DW里有一個「檢查瀏覽器兼容性」功能特別實用;b. 然後,盡量讓目標的位置初始化,使之在所有瀏覽器都處在同一個位置,這個條件的前提是,不寫hack,最後再一個方位一個方位調整。3. 目標與目標之間距離在各個瀏覽器上的區別;a. 給其中一個目標加背景顏色;b. 觀察背景色與另外一個目標的距離,查看是不是這個目標造成的距離問題c. 如果不是上一個目標,那就給另外一個目標也加上背景顏色。d. 這樣很容易判斷出那個目標造成的原因,就針對那個目標進行修改。4. IE6兼容問題最多的一個,浮動問題。a. flaot浮動造成IE6下面雙倍邊距問題,這個最常見,也最好處理,解決方法:只需要給這個DIV加一個樣式:display:inline;b. 布局的時候經常會遇到這種情況:發現有一個DIV浮動了,接下來的一個DIV本來是要在下面顯示的,結果跑上面去了,這種情況一般在FF下面會出現。解決的辦法:清除浮動,在設置過浮動的那個DIV下面加一個DIV,給個樣式clear:both;如下<div style="float:left;height:100px; width:500px;" <div style="clear:both;" <div style="height:100px; width=300px"5. IE8兼容問題ie8下兼容問題,這個最好處理,轉化成ie7兼容就可以。在頭部加如下一段代碼,然後只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /6. 背景兼容問題有的時候明明給一個DIV加了背景顏色或背景圖片,但是卻顯示不出來或者顯示不全。解決辦法:首先,有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果,那麼給DIV一個樣式display:block;(通常a:hover加背景的時候經常遇到)。另外,如果高度必須要設置成自動的話,那麼就給DIV一個樣式overflow:hidden;7. IE7和Firefox兼容問題很多朋友DIV+CSS的時候,會出現,在IE的幾個瀏覽器下都好使,就是FF下有問題。解決方法:height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/

3、網頁設計應該注意什麼 兼容性重要嗎?

網頁設計與製作注意事項
當你在INTERNET這個信息的海洋中盡情遨遊時,會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁,不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件,又萌發了製作主頁的念頭,那麼就應該注意網頁設計時應考慮哪些方面的問題,包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題,希望能給初建網站的用戶帶來一定的作用。 &dec

1、頁面內容要新穎 &dec

網頁內容的選擇要不落俗套,要重點突出一個「新」字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去,網上的許多個人主頁簡直就是"雜貨店",內容包羅萬象&def題材千篇一律,人人都是"軟體下載"&def個個都有"網路導航",從頭到尾找不出一絲「鮮」意。所以,我們在設計網頁時,要把功夫下在選材上。選材要盡量做到「少」而「精」&def又必須突出「新」,如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。 &dec

2、命名要簡潔 &dec

由於一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁,在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時,最好使用自己常用的或符合頁面內容的小寫英文字母,這直接關繫到頁面上的連接。 &dec

3、要及時更新 &dec

網頁製作好後,不能說萬事大吉了,其實事後的工作量更大。因為網頁製作是一時的,而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉,比如用戶無意中點擊了頁面中的一個連接,在苦苦的等待之後,換來的是無法訪問的結果,那麼他們會對你的網頁大失所望,可能以後再也不會光顧你的網頁了。若不能及時更新,也最好在主頁上發布信息,告訴前來訪問的朋友,因有特殊情況需要離開一段時間,未能及時更新主頁,希望各位見諒,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。 &dec

4、注意視覺效果 &dec

設計Web頁面時,一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度,盡管在800×600高解析度下一 些Web頁面看上去很具吸引力,但在640×480的模式下可能會黯然失色。作一點小小的努力,設計一個在不同解析度下都能正常顯示的網頁。

5、注意網站升級 &dec

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。 &dec

6、內容要易讀 &dec

網站設計最重要的訣竅,恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起來你的網頁來很費勁。一般來說,淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。 &dec

7、善用表格布局 &dec

不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。 &dec

8、少用特殊字體 &dec

雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。 &dec

9、多學習使用HTML &dec

為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。因為用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。 &dec

10、少用Java程序 &dec

不要使用大幅面的Java程序&def能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設計便毫無效果啦。 &dec

11、 少放網站地圖 &dec

許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。 &dec

12、為圖片附加註釋文字 &dec

給每個圖形加上文字的說明,在出現之前就可以看到相關內容,尤其是導航按鈕和大圖片更應如此。這樣一來,用戶在訪問你的站點時就有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。 &dec

13、網站介紹 &dec

一個簡單明了的網站介紹,不僅能讓別人對你的網站能夠提供些什麼有個了解,引發共鳴或是表達你的誠意,常常最能打動讀者,而且還能使訪問者能快速找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 &dec

14、考慮瀏覽器兼容性

當然現在IE所佔的市場份額越來越大,但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮,如色彩的搭配,圖形、線條的使用等等。要時刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。 &dec

15、少用閃爍文字 &dec

有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會影響用戶去訪問該網站的其他內容,正所謂「物極必反」也。

16、多用導航按鈕 &dec

應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。 &dec

17、避免長文本頁面 &dec

在一個站點上有許多隻有文本的冗長頁面,是令人乏味的,人們為了閱讀這些長文本,不得不使用卷滾條,從而也浪費了用戶在網上沖浪的時間。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節省寶貴的時間。 &dec

18、 網頁風格統一 &dec
你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。 &dec

19、動畫少用 &dec
大家都喜歡用GIF動畫來裝飾網頁,它的確很吸引人,但我們在選擇時,是否能確定必須用GIF動畫,如果答否,那麼就選擇靜止的圖片,因為它的容量要小得多。同樣的尺寸的LOGO,GIF動畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會影響下載的速度,所以,如果有些不是必須的,就選擇最小的。 20、善用圖像 &dec

用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次,同時要注意避免使用過大的圖像,如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。

21、 導航要清晰 &dec

所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向 。

22、不能忽視錯別字 &dec
一個好的網站對設計的每一個細節都不會放過,哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。 &dec

23、少用框架 &dec
在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。

24、使用著名的插件

如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

25、使網站具有交互功能

一個靜態網頁始終給人一種呆板的感覺,缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計,使得訪問者能從網站上獲得交互的信息,從而使訪問者有一種參與網路建設的新鮮感和成就感。

26、測試網站

在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。

27、保證網頁完整

在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果,呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。

28、中文網頁的編碼可設為GB2312(簡體中文)或BIG5(繁體中文)或自動選擇。若自動選擇則需為每中文字間留一空白。否則在 Netscape 中不會折行。

29、不要每頁都加上不同的背景音樂,除非你估計瀏覽者在這頁逗留的時間比音樂長,否則瀏覽者會不耐煩等待音樂下載。解決方法是使用「隱 Frame」的方法,令幾頁或整個網站只播放一首音樂,這樣不但避免每頁都下載音樂,也不會出現斷斷續續的現象。

30、發布網站之前要檢查所有檔案的許可權設定,雖然很多ISP都為你預先設定,當有寫入及執行檔案的時候,最好自已設定。許可權的設定是否正確不光是網頁是否能運行,還涉及安全問題。

31、在所見既所得的網頁中不要按太多的空格和回車鍵,要控制文字物件的位置,宜採用其本身的參數或配合表格、清單和預設格式標記的使用。

32、重視每一頁網頁,凡每一頁都當成首頁來製作,為各頁加上公司或個人名稱、聯絡方法及適當的鏈接,因為你沒辦法確定每一個到訪者都是從首頁進入你的網站。

33、不要讓你的一行或一段太長,特別是文字網頁,不妨加上顯眼的標題或適當的插圖。

34、不要濫用計數器,不必每頁都裝上計數器,它不是網頁必須元件。

35、公開網站之前先檢查所有鏈接是否正常,很多網頁編輯器的站點管理都有此功能,很方便查到。

36、若提供檔案下載,請註明檔案大小。通常訪客需要估計下載時間。

37、不可使用特殊的字體,你可能訪問者的系統沒裝這種字體,雖然瀏覽器會以宋體代替,但可能造成版面變形。

38、不要要求別人將你的主頁加入收藏夾,假如你的寫得好,別人自己會加入。

39、不要要求瀏覽者使用「IE」或「NC」,也不要註明「800x600」,因為只有你遷就瀏覽者才是正確的做法。可以檢測當前瀏覽者的瀏覽器,自動調用相應的頁面或程序。 &dec

40、別輕易讓文字居中和使用粗體或斜體字元。除了視感混亂之外,很多流覽器不能很好地顯示斜體字,也不能補償由於字母傾斜引起的空白變化。

4、網頁設計中如何解決瀏覽器兼容問題?

1. 目標不居中;
一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況:
a. 如果是在瀏覽器中沒有居中,就是沒盒子,就是要用一個大DIV把所有需要居中元素裝起來,然後給盒子一個css樣式margin:0 auto;
b. 如果想要盒子內的元素居中,必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;

2. 目標在不同瀏覽器上的位置不同;
a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤,DW里有一個「檢查瀏覽器兼容性」功能特別實用;
b. 然後,盡量讓目標的位置初始化,使之在所有瀏覽器都處在同一個位置,這個條件的前提是,不寫hack,最後再一個方位一個方位調整。

3. 目標與目標之間距離在各個瀏覽器上的區別;
a. 給其中一個目標加背景顏色;
b. 觀察背景色與另外一個目標的距離,查看是不是這個目標造成的距離問題
c. 如果不是上一個目標,那就給另外一個目標也加上背景顏色。
d. 這樣很容易判斷出那個目標造成的原因,就針對那個目標進行修改。

4. IE6兼容問題最多的一個,浮動問題。
a. flaot浮動造成IE6下面雙倍邊距問題,這個最常見,也最好處理,解決方法:
只需要給這個DIV加一個樣式:display:inline;
b. 布局的時候經常會遇到這種情況:發現有一個DIV浮動了,接下來的一個DIV本來是要在下面顯示的,結果跑上面去了,這種情況一般在FF下面會出現。
解決的辦法:清除浮動,在設置過浮動的那個DIV下面加一個DIV,給個樣式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">

5. IE8兼容問題
ie8下兼容問題,這個最好處理,轉化成ie7兼容就可以。在頭部加如下一段代碼,然後只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />

6. 背景兼容問題
有的時候明明給一個DIV加了背景顏色或背景圖片,但是卻顯示不出來或者顯示不全。
解決辦法:首先,有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果,那麼給DIV一個樣式display:block;(通常a:hover加背景的時候經常遇到)。
另外,如果高度必須要設置成自動的話,那麼就給DIV一個樣式overflow:hidden;

7. IE7和Firefox兼容問題
很多朋友DIV+CSS的時候,會出現,在IE的幾個瀏覽器下都好使,就是FF下有問題。
解決方法:height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/
原理:FF不識別加過符號的屬性,而IE識別。

5、在做網頁設計的時候,對於瀏覽器的兼容問題,到底該如何解決

不兼抄容說明你的代碼寫的有問題的,結構不合理。css
hack可以解決所有瀏覽器兼容問題,但是不建議用hack去實現,你要找到問題的根源,否則以後還會出現同樣的不兼容問題。你需要了解常見的bug問題的,這個主要是ie不同版本存在的缺陷,比如ie6.0的注釋bug,雙邊距bug等等。現在把治本的方法給你說了,現在給你說下治標的方法,也就是hack的寫法!
margin:0
0
0
8px;margin:0
0
0
7px\9;*margin:0
auto;_margin:0
auto;ff

ie8

ie7

ie6z-index:1;z-index:0\9;*z-index:0;_z-index:0;

6、網頁設計中如何解決瀏覽器兼容問題

為了能讓網站設計正常的運行於各種瀏覽器平台,網站設計師們不得不想盡辦法處理好網站建設中的瀏覽器兼容問題。正是因為網站設計當中的這一需要產生了一項新技術— CSS Hack。 CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標准解析CSS樣式,導致同一網站設計頁面在不同瀏覽器下出現顯示效果不一致的兼容問題。 針對不同瀏覽器,可以將CSS Hack 網站設計代碼整理如下:
1、針對I E 系列瀏覽器的網站設計代碼 針對 IE 6 的專屬 CSS Hack 網站設計代碼 #id{ _display: block; } 也就是在網站設計CSS屬性前加一個小劃線就好。 針對 IE 7 的專屬 CSS Hack 網站設計代碼 #id{ *display: block; } 即在網站設計CSS屬性前加上一個星號即可 針對 IE 8 的專屬 CSS Hack 網站設計代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解決辦法為在網站設計CSS屬性後分號前加上空格與斜線並加入一個數字9即可 。
2、針對火狐的CSS Hack 網站設計代碼 火狐可謂是最標準的瀏覽器之一了,網站設計技術只要稍稍不到位就能體現得淋漓盡致,所以不少網站設計師也很頭痛,其實想要解決火狐的兼容性除了要把網站設計的基礎知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 裡面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、針對 Safari 的CSS Hack 網站設計代碼 Safari是蘋果計算機的最新作業系統Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,使用了KDE的KHTML作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、針對 Opera 的CSS Hack 網站設計代碼 Opera即Opera Software ASA,是台式機、各種設備和移動網路瀏覽器市場的商業領袖,因快速、小巧和比其他瀏覽器更佳的標准兼容性獲得了國際上的最終用戶和業界媒體的承認,並在網上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個世界上必然不會存在絕對完美的事物,因此運用以上方法讓我們的網站設計更好的與各種瀏覽器兼容的時候其實已經違反了網站製作的W3C標准。

7、網頁設計中css3的兼容性如何?

jquery是js的庫,和css不是一回事,jquery的兼用性好,是指在這個js庫的開發中,兼顧了各種主流瀏覽器回(當然ie5也是不行答的),它本身在各種瀏覽器上運行較好。

html5還在發展中,css3和html5在ie8以下的瀏覽器很多屬性不支持,即便ie9也有相當部分的屬性不支持,其它多數瀏覽器的最新版也很難說全部兼容。

8、CSS網頁設計頁面瀏覽器兼容性問題怎麼解決?

<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>

來這樣寫可以達到的效果是自如果安裝了GCF,則使用GCF來渲染頁面,如果沒安裝GCF,則使用最高版本的IE內核進行渲染。Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)。這個插件可以讓用戶的IE瀏覽器外不變,但用戶在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核,而且支持IE6、7、8等多個版本的IE瀏覽器。

與網頁設計的兼容性相關的知識