判斷瀏覽器是否相容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父...