国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術(shù)干貨  > Web前端入門教程之瀏覽器兼容問題及解決方法

Web前端入門教程之瀏覽器兼容問題及解決方法

來源:千鋒教育
發(fā)布人:Yolanda
時間: 2019-01-11 16:14:00 1547194440

  JavaScript 被稱為JS,是作為瀏覽器的內(nèi)置腳本語言,為我們提供操控瀏覽器的能力,可以讓網(wǎng)頁呈現(xiàn)出各種特殊效果,為用戶提供友好的互動體驗。JS是Web前端入門教程中的重點和難點,而瀏覽器兼容性是JS中比較容易出錯的知識。

  1、網(wǎng)頁中插入圖片會產(chǎn)生圖片向下?lián)未?像素的問題

  解決方式:1)display:block;2)vertial-align:top/middle/bottom;3)給圖片添加浮動float。

  2、用a標簽插入的圖片在IE瀏覽器中會出現(xiàn)邊框

  解決方式:border:none;

  3、IE瀏覽器中的雙邊距問題(雙邊距問題只有margin產(chǎn)生)

  解決方式:給浮動的元素添加display:inline;

  4、IE6中會把低于16px的字體默認為16px:

  解決方式:font-size:0;overflow:hidden;

圖片1

  5、表單的元素高度不一致:

  解決方法:給表單元素添加float:left;

  6、百分比Bug:

  在IE6及以下版本中在解析百分比時,會按照四舍五入的方式計算從而導致50%+50%大于100%的情況;

  解決方式為:給右面的浮動的元素添加聲明:clear:right;清除又浮動。

  7. 表單元素默認大小不一,原因為表單元素行高對齊方式不一致:

  解決方法:給表單元素添加聲明:float:left;

  8、元素的默認大小不一:

  描述:各瀏覽器中按鈕元素大小不一致(有的包括高度,有的不包括);

  解決方式:1)統(tǒng)一大小;2)input外面套一個標簽,在這個標簽里寫按鈕樣式,把input的邊框去掉;3)如果這個按鈕是一個圖片,直接把圖片作為按鈕的背景圖即可。

  9、透明度屬性:

  IE瀏覽器的寫法:filter:alpha(opacity=value);value的取值范圍是1-100;

  兼容其他瀏覽器的寫法:opacity:value;value值得取值范圍0-1,寫法可以為0.1/.1/0.15。

  10. 過濾器(filter)

  下劃線的屬性過濾器:min-height:value;_height:value;(只有IE6識別;

  選擇符{屬性:屬性值 !imporant}

  除了瀏覽器的兼容性問題,還有事件對象的兼容等問題。JS的核心語法不難學習,但是要真正學透還不是一件容易的事,JS 其實是很復雜的,隨著學習,越能體會到他的強大。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
云原生存儲和云存儲有什么區(qū)別?

一、架構(gòu)設(shè)計不同云原生存儲是指在云原生環(huán)境下設(shè)計和構(gòu)建的存儲系統(tǒng)。它是基于云原生計算模式和原則進行設(shè)計,充分利用容器、微服務(wù)和自動化管...詳情>>

2023-10-14 06:50:34
如何刪除需要使用管理員權(quán)限才能刪除的文件?

如何刪除需要使用管理員權(quán)限才能刪除的文件在Windows系統(tǒng)中,有時候我們可能會遇到一些需要管理員權(quán)限才能刪除的文件。這是因為這些文件可能是...詳情>>

2023-10-14 06:27:57
有什么好用的redis可視化管理工具?

一、Redis Desk較好 ManagerRedis Desk較好 Manager是一款非常受歡迎的Redis數(shù)據(jù)庫管理工具。它支持直接進行數(shù)據(jù)修改、刪除和新增等操作,而且...詳情>>

2023-10-14 06:24:43
市場上C++主要是用來做什么的?

C++是一種廣泛應(yīng)用于市場上的編程語言,具有高性能和強大的功能。它的設(shè)計目標是提供高效的底層控制和與硬件交互的能力,同時保持可移植性和可...詳情>>

2023-10-14 06:01:51
為什么說PHP與Swoole是優(yōu)異組合?

PHP與Swoole在Web開發(fā)和網(wǎng)絡(luò)編程領(lǐng)域中,共同構(gòu)成了一種強大的解決方案。什么是PHPPHP是一種廣泛使用的開源服務(wù)器端腳本語言,特別適用于Web開...詳情>>

2023-10-14 05:08:41