實際專案中遇到的一些小問題
阿新 • • 發佈:2019-02-10
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代替