最近的一周基本都泡在了教務系統中轉專業的介面上。因為有了原型圖,所以製作的過程容易了很多,只要按圖索驥就可以了。
首先不得不贊axure rppro6.5這款軟體的強大,做出的效果真心華麗。
遵照模板,我擷取了最下面漸變的,試圖將它設為背景。
使用background-image:url(button.jpg);background-position-y:bottom;
放在ie中完美執行。但是放在firefox中,就悲劇了。。。。
從上圖中可知,fiefox雖然識別了,但是無法確定的具體擺放位置。只好放在了最頂端。
百思不得其解之餘,上網查了查。發現關於這方面的資料相當的多,原來background-position-bottom原來是ie的私有屬性,只能被ie識別,無法被firefox識別。
繼續探索,發現ie的私有屬性竟然如此之多。
1background-position(設定在div塊中的位置)
2filter(設定濾鏡)
3layout-flow(設定內容的浮動與流向)
4word-break(文字強制換行)
5zoom(設定文字縮放)
.......
總之,如何解決瀏覽器的相容性確實是個大問題。只有不斷的積累,才能不斷地提公升開發速度。
zoom屬性(IE私有屬性)
其實zoom屬性是ie瀏覽器的專有屬性,firefox等瀏覽器不支援。它可以設定或檢索物件的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的haslayout屬性,清除浮動 清除margin的重疊等。zoom的使用方法 zoom normal number normal 預設值。使用物件的實...
建立IE各版本專屬CSS IE中的if語句
1.除ie外都可識別 2.3.4.5.6.7.8.9.10.11.ite less than or equal to意思是小於或等於ie6瀏覽器,用於ie瀏覽器的條件注釋,常用於csshack,針對ie的js等。在進行web標準網頁的學習和應用過程中,網頁對瀏覽器的相容性是經常接觸到的乙個問題。其中...
placeholer屬性IE6 IE9相容問題
解決方法來自網上搜尋 寫於此處方便個人引用。placeholder屬性用於輸入框內的灰色提示字型,如 請輸入使用者名稱 此屬性為html5中新屬性,適用於ie10以後版本,firefox,chrome等,不適用於ie低版本,如想使用所有瀏覽器,方法入下 phcolor function input....