CSS我想要一个div在一切之上

我如何使一个html div标签在一切之上?

为了z-index的工作,你需要给元素一个position:absoluteposition: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 */ }