自定義上傳控制項(相容IE8)

2022-07-23 19:15:08 字數 523 閱讀 7133

上傳控制項是

而實際開發過程中,都會自定義乙個控制項,因為這個控制項本身難看,而且不同瀏覽器效果不一樣。

如ie8顯示如下:

谷歌瀏覽器顯示是這樣子的:

所以通常需要自定義。

1、通常的做法就是把上傳控制項隱藏,即style="display:none;",再新增乙個按鈕,設定所需樣式,然後通過js觸發上傳控制項的事件。

這樣子在谷歌、火狐等瀏覽器是可以的,但是在ie8中就不相容了,好多事件都觸發不到,比如我需要用到上傳控制項的onchange事件,ie8就觸發不到。

2、頁面上直接放兩個控制項,乙個上傳控制項,乙個自定義樣式的按鈕,使這兩個控制項重疊,然後設定上傳控制項的透明度為0、z-index為1000,這樣子使用者看到的是自定義的按鈕,實際上點選的就是上傳控制項,就相容ie8了。**如下:

效果如下,不管是谷歌還是ie8,顯示全是一樣的:

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet ...

IE8下相容background size方法

background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性,用於定義背景...

列印預覽 相容ie8

引入jquery.print.js 和jq print myelementid 直接列印 myelementid print 將需要列印的元素去掉滾動條,不然隱藏的元素不會列印。或者更改印表機的紙張大小 如果使用字型圖示之類的,多選框的對勾。未選中的顏色要設為transparent,不能是其他顏色,...