Question

我无法在＆＃34;伟大的人提供优质服务＆＃34;部分固定位置：http://www.580exec.com/

它适用于Safari和Firefox，它可以在Chrome中使用，但现在它还没有。具有固定位置的其余页面均可在Chrome中使用，但不适用于此特定图像。

我已经尝试过以下代码：
-webkit-backface-visibility：hidden; -webkit-transform：translateZ（0）;

以下是该部分附带的CSS：

.cos_banner {
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    height: 576px;
    box-shadow: 0px 576px rgba(51,35,25,0.65) inset;
}

.cos_banner_parallax {
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 504px;
    box-shadow: 0 576px rgba(51,35,25,0.65) inset;
    background-image: url('http://cdn2.hubspot.net/hub/410423/file-1582819029-jpg/theme/banners/receptionist.jpg')  !important;
}

Answer 1

我删除 .cos_banner_parallax 中的位置：relative; ，它似乎正在运作。

.cos_banner_parallax {
    /*position: relative;*/
    overflow: hidden;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 504px;
    box-shadow: 0 576px rgba(51,35,25,0.65) inset;
    background-image: url('http://cdn2.hubspot.net/hub/410423/file-1582819029-jpg/theme/banners/receptionist.jpg')  !important;
}

Chrome 39.0.2171.95固定头寸问题

1 个答案: