safrai瀏覽器z index無效問題解決

2021-10-09 08:16:31 字數 482 閱讀 7971

首先要明白一點,safrai瀏覽器是把z-index直接忽略了,直接忽略,忽略,不是別的,記住這個再看下面

個人傻瓜式理解:

谷歌,火狐等瀏覽器都是直接將乙個盒子乙個盒子理解成一塊一塊的,想分層就按照你的z-index高低來區分,

而safari不是,safari是將整個瀏覽器的頁面看成乙個整體,雖然也是一塊一塊的,但是他的分層是按照視覺感來分層的,它認為在下面的**塊總比在上面的**塊離人的眼睛近,所以就應該覆蓋在上面的**塊上面,不應該用z-index來區分,而是應該用視覺來區分

這樣理解可能,大概,也許,或者就明白人家這個不是bug而是獨到的見解,

剛好,有乙個css屬性叫 translatez,如果有perspective屬性的話,值越大,說明離人眼越近,塊就越大,越應該在上層,好啦,這裡就知道怎麼解決了吧

用視覺感來區分層級貌似也是乙個不錯的選擇啦

.cus-warning-mask

瀏覽器 瀏覽器高效搜尋

一 常見場景 以場景的形式來說明 1 場景1 網路上查詢一本書的 指定文件型別 如pdf 如 搜尋關鍵字 c primer plus 的 pdf 版本 輸入 格式 關鍵字 空格 filetype pdf 例項 c primer plus中文版 filetype pdf關鍵字 filetype 2 場...

常見瀏覽器 瀏覽器核心

常見瀏覽器介紹 瀏覽器是網頁執行的平台,常用的瀏覽器有ie 火狐 firefox 谷歌 chrome safari和opera等。我們平時稱為五大瀏覽器。瀏覽器核心 理解 瀏覽器核心又可以分成兩部分 渲染引擎 layout engineer 或者 rendering engine 和 js 引擎。渲...

pc瀏覽器模擬手機瀏覽器

很多 都通過user agent來判斷瀏覽器型別,如果是3g手機,顯示手機頁面內容,如果是普通瀏覽器,顯示普通網頁內容 谷歌chrome瀏覽器,可以很方便地用來當3g手機模擬器。在windows的 開始 執行 中輸入以下命令,啟動 谷歌瀏覽器,即可模擬相應手機的瀏覽器去訪問3g手機網頁 谷歌andr...