CSS我想要一个div在一切之上
我如何使一个html div标签在一切之上?
为了z-index的工作,你需要给元素一个position:absolute
或position:relative
属性。 一旦你这样做,你的链接将正常工作,虽然你可能不得不稍微调整你的CSS。
对于z-index:1000
有一个效果,你需要一个非静态的定位scheme。
添加position:relative;
到文件mystyle.css
第8行的规则mystyle.css
你需要添加position:relative;
到菜单。 Z-index只有当你有一个非静态的定位scheme。
z-index
属性使您能够在前面控制。 你设定的数字越大,你得到的元素就越多。
position
属性应该是relative
因为html-element
位置应该在所有维度上相对于其他控件的位置。
element.style { position:relative; z-index:1000; //change your number as per elements lies on your page. }
我会假设你使用WW3学校的代码popup,对吗? 检查它的CSS。 模式一,那里已经有字z-index
。 只是从1改为100。
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }