Html 不在IE或Safari中工作的位置

我正在用CSS创建一张卡片。它在Chrome中工作得非常好，但在IE/Safari浏览器中不起作用

#注意{
位置：粘性；
宽度：280px；
高度：450px；
保证金：0自动；
溢出：隐藏；
文本对齐：居中；
}
#注意：悬停：之后{
背景：#f79031！重要；
}
#注意：之后{
内容：''；
位置：绝对位置；
宽度：940%；
身高：100%；
顶部：170px；
右图：-502%；
背景：#ffffff；
变换原点：54%0；
变换：旋转（129度）；
z指数：-1；
}
#nb h5{文本对齐：左；
线高：25px；
左侧填充：7%；}

将#nb的位置更改为relative可以解决此问题

#nb {
    position: relative;
    width: 280px;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

---

Webkit是苹果Safari浏览器中使用的HTML/CSS呈现引擎

对Safari使用

-webkit sticky

而不是

sticky

#nb {
     position: -webkit-sticky;
}

---

位置：IE-->