z index失效的幾種情況

2021-09-12 20:26:04 字數 530 閱讀 2586

注意點:

(1):z-index屬性只作用在被定位了的元素上。所以如果你在乙個沒被定位的元素上使用z-index的話,是不會有效果的.

(2)同乙個父元素下的元素的層疊效果會受父元素的z-index影響,如果父元素的z-index值很小,那麼子元素的z-index值很大也不起作用

失效的情況:

1、父標籤 position屬性為relative;

2、問題標籤無position屬性(不包括static);

3、問題標籤含有浮動(float)屬性。

4、問題標籤的祖先標籤的z-index值比較小

解決方法:

第一種:  position:relative改為position:absolute;

第二種:浮動元素新增position屬性(如relative,absolute等);

第三種:去除浮動。

第四種:提高父標籤的z-index值

索引失效的幾種情況

使用explain sql 可檢視mysql執行計畫 type為掃瞄型別,key為使用索引型別 1.使用了or 除非or的列都加上了索引 2.聯合索引 未符合索引字段順序 3.like查詢 使用前 不走索引 4.字元型不加引號 資料庫自動轉換成數值型 資料型別不統一 不走索引 5.sql中使用函式,...

索引失效的幾種情況

1.有or必全有索引 2.復合索引未用左列字段 3.like以 開頭 4.需要型別轉換 5.where中索引列有運算 6.where中索引列使用了函式 not in 或 not exists 7.如果mysql覺得全表掃瞄更快時 資料少 1.唯一性差 2.頻繁更新的字段不用 更新索引消耗 3.whe...

hover失效的幾種原因與z index失效原因

今天檢查自己寫的小公尺官網,發現輪播圖上的左右按鈕的不知什麼時候hover竟然失效了。然後檢查了類名,樣式,沒發現問題。最後查閱了資料,發現常見的有以下原因 hover前加了空格或使用了中文冒號 active,visited,hover,link之間的關係 active hover visitied...