1. 程式人生 > >新標籤border-radius和opacity相容各種瀏覽的處理辦法

新標籤border-radius和opacity相容各種瀏覽的處理辦法

1.首先來說border-radius,它可以相容目前的四大瀏覽器,但是不相容低版本的ie7,和ie8,解決辦法是引入pie.htc


2,接下來是opacity的相容性處理辦法,和border-radius一樣,目前的四大瀏覽器都支援,只有低版本的ie7和ie8不支援,

解決辦法是使用蒙版層,如下:


這樣就可以相容ie7和ie8了

8,但是還有一個問題,就是即設定了透明度,又要給它設定邊框圓角,在ie9,ie10以上顯示沒有任何問題,圓角和透明度都

可以顯示出來。但是在ie7和ie8的時候,只能顯示邊框圓角,還不能顯示透明度.程式碼如下



希望有遇到過有此類似問題的大神,來給我指點一,二。不勝感激。