Блог

Главная - Вопросы по программированию - фиксированное положение и фиксированное фоновое вложение «игнорируют» фоновое изображение в chrome

фиксированное положение и фиксированное фоновое вложение «игнорируют» фоновое изображение в chrome

#javascript #html #css #google-chrome

#javascript #HTML #css #google-chrome

Вопрос:

Вот CSS:

 body > .section {
    width: 100%;
    height: 1080px;
    min-height: 1080px;
    position: relative;
    z-index: 10;
}

body > .section.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
}

body > .section.fixed-next {
    margin-top: 1080px;   
}

#city {
    background-image: url('../img/bg_baku1.jpg');
    background-position: 50% center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}

html,

 <div class="section fixed" id="city">
    <!-- Content here -->
</div>

<div class="section fixed-next" id="contact">
    <!-- Content here -->
</div>

Результат в Chrome: http://imgur.com/6DMehtR

В любом другом браузере отображается фоновое изображение. Если я выключу position:fixed или background-attachment: fixed отключу, Chrome покажет его нормально. Я предполагаю, что это ошибка Chrome. Итак, мой вопрос… Есть ли способ, которым я могу хотя бы включить background-attachment: fixed атрибут только для chrome?

Комментарии:

1. Я создал jsfiddle с вашим кодом, и он работает нормально. Проверьте скрипку jsfiddle.net/MFWj8

2. я действительно не знал, в чем проблема, поскольку она также появлялась на моем iphone. Итак, я просто удалил атрибут фиксированной позиции, и теперь все в порядке.