Javascript 当窗口调整大小时，如果div与其他div交叉，将div z-index从高变低？

我有一个名为“开始按钮”的div，它的z索引比页面上的图像高

基本上，如果用户将窗口宽度缩小到低于1024x768的任何值，则我希望“开始按钮”的z索引设置在图像下方，以便图像显示在另一个div的顶部

有没有一种方法可以使用css的jquery来表示，如果窗口宽度小于1024x768，那么可以更改div的z索引？或者我可以使用css.start按钮：width=37.7%{来确定divs z-index应该在什么时候更改

<div  class="start-button"></div>
<div class="image"></div>

图像css：

.header_logo_place{
    width:100%;
    height:525px;
    float:left;
    margin-left:4%;
    background-image:url(../img/image_logo2013.png);
        background-repeat:no-repeat;
        background-position:bottom left;
        position:relative;
        margin-top:-1px;
        z-index:230;


}

---

您可以为此使用CSS媒体查询，无需使用javascript/jQuery：

@media (max-width: 1024px) and (max-height: 768px) {
    .start-button {
        z-index: 0; /* amend as required */
    }
}

---

是的，但是你不需要在@media之后加上“screen and”吗？我一直都是这样看的。@fred02138只有当你特别想针对

screen

媒体时才需要。上面的一个是一个包罗万象的功能，它也可以处理

打印

和其他媒体类型。我会把它留给OP根据需要进行修改。你知道这在chrome中是否有效吗我要为我工作？哦，没关系，我让它工作了，打了个错字，thanks@jasonderulo没问题。如果有帮助的话，别忘了接受答案。

@media (max-width: 1024px) and (max-height: 768px) {
    .start-button {
        z-index: 0; /* amend as required */
    }
}