此博文記錄前端開發中遇到的問題

2021-08-02 22:30:48 字數 885 閱讀 2730

判斷瀏覽器是否相容css3和html5

他不能為寫好的屬性做自動相容,而是可以根據js,來進行判斷,因此可以根據相容與否,進行自定義的操作,例如:

//如果瀏覽器支援background-size屬性,就給#buttombuttom新增class為addimage

if (modernizr.backgroundsize)

使ie8以下相容css3的background-size屬性

在css上新增過濾器,例如:

.buttomtopleft

這裡filter的意思就是為background-size做乙個過濾,

這裡要注意幾點:

乙個是url的路徑一定要和background-image的路徑一致

另乙個是路徑要寫絕對路徑,寫了相對路徑的會載入不出來。

對width和height做相容
如果直接寫height,width,意思是不管你怎樣,就只顯示這麼大,

但是如果div中的img將你的div撐開怎麼辦,樣式就會混亂,這樣的話可以為你的img在css中加這樣一句話:

width

:expression(this.width>600?"600px":this.width+"px");

這個意思是用了expression表示式,判斷高度是不是超過了600px,超過了就強制顯示600px,沒有超過,就按找正常width顯示。

>expression表示式,意思就是將css和js聯絡在一起,支援ie5+

>同時支援使用元素自身屬性和方法,以及瀏覽器物件,也括號中應該為js表示式計算的結果

>舉個栗子:

top:expression(document.body.offsetheight-110+ "px");

開發中遇到的問題記錄

jquery相關問題 1.html 方法無法獲取到input中的value tomcat相關問題 1.web.xml中 do配置導致tomcat無法啟動 intellij idea中怪異出錯bug,tomcat中和main中md5加密不一致 在tomcat下,getbytes eclipse按utf...

記錄video 開發中遇到的問題

開發h5直播專案遇到了很多問題,記錄下來避免以後踩坑 這是常用屬性 playsinline webkit playsinline true x webkit airplay true poster muted 是否輸出聲音 preload 預載入,預設為auto autoplay controls ...

前端開發遇到的小問題

checkbox全選全不選 prop用於操作元素的固有屬性 attr用於自定義屬性 all click function else iframe內的元素操作外部元素 header pic img window.parent.document attr src headpicsrc 操作iframe父...