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

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

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

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

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

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

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

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

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

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

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

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

  解決方式:border:none;

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

  解決方式:給浮動(dòng)的元素添加display:inline;

  4、IE6中會(huì)把低于16px的字體默認(rèn)為16px:

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

圖片1

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

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

  6、百分比Bug:

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

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

  7. 表單元素默認(rèn)大小不一,原因?yàn)楸韱卧匦懈邔?duì)齊方式不一致:

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

  8、元素的默認(rèn)大小不一:

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

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

  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識(shí)別;

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

  除了瀏覽器的兼容性問題,還有事件對(duì)象的兼容等問題。JS的核心語法不難學(xué)習(xí),但是要真正學(xué)透還不是一件容易的事,JS 其實(shí)是很復(fù)雜的,隨著學(xué)習(xí),越能體會(huì)到他的強(qiáng)大。

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

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

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

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

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

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

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

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

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

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

2023-10-14 05:08:41