如果你的CSS被遮住了,那么很有可能是因為z-index屬性的問題。
div { position: relative; /* 必需的,否則z-index不起作用 */ z-index: 1; } /* 必需的,否則z-index不起作用 */ div.cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 2; /* 更高的z-index */ }
以上代碼示例演示了如何正確使用z-index。需要記住的是,只用在兩個元素的父級元素相同的情況下,z-index屬性才有意義。
使用以上示例,你可以更好地掌握如何使用z-index屬性來避免CSS被遮住的問題。