1. 程式人生 > >實際專案中遇到的一些小問題

實際專案中遇到的一些小問題

CSS相容性問題:

(1)firefox瀏覽器<a>標籤選中出現虛線框:

          a:focus{outline:none}
(2)IE瀏覽器滾動條會佔據頁面內部位置
          html,body{-ms-overflow-style:scrollbar;}

JS事件相容問題:

(1)firefox滑鼠滾輪事件是DOMMouseScroll,通過event.detail的正負判斷滾輪方向,上滾為 負,下滾為正;

  其他瀏覽器滾輪事件是mousewheel,通過event.wheelDelta的正負判斷滾輪方向,上滾為正,下滾為負;

其他問題:

(1)為元素背景顏色設定透明度時,可以使用opacity屬性,或rgba設定,但opacity會影響到子元素的透明度,此時可以使用rgba代替