Streaming live at 10am (PST)

[Russian] Incorrect display the background while using Internet Explorer and Properties


#1

Incorrect display the background while using Internet Explorer (Windows 8.1) and Properties background-attachment: fixed;
In other browsers and in Windows 7, everything works fine. Help to fix the error, please.

https://preview.webflow.com/preview/iqlanding?preview=4dfbee83946275f5153b31ac3caa9895


#2

What's the official link? I will take a look at it.

From what I can see this is just how it reacts in the mouse because it does not scroll smoothly. I would like to try it out in an apple mouse and see if the problem is still there. :wink::+1:


#3

http://iqlanding.webflow.io/
Russian: Проблема только с одним браузером Internet Explorer в Windows 8.1 В других браузерах и в Windows 7 фон отображается плавно. Поэтому вряд-ли связано с мышью.


#4

Хорошо, сейчас посмотрю . :wink::+1:


#5

Так, У меня только Apple Компьютер. Но я подумал и это значит что IE Не работает хорошо с Webflow. Ничего не можешь поделать. :pensive:

@sabanna Идеи есть почему так происходит?


#6

Интересно, что в Windows 7 на IE работает без ошибок! А на Windows 8 фон начинает дёргаться. В интернете пишут, что если в CSS для html задан цвет фона, то бывает такое. Но у меня это не используется. Проверил на нескольких сайтах, свёрстанных за последнее время. Везде, где использовал фиксированный фон, есть эта ошибка в IE в Windows 8.1 :cry:


#7

Эта проблема Windows 8, их бока в системе, тянется с 2014 года. Пока они не исправят это, увы, так и будет. Тут ни CSS ни jQuery не помогут.

https://connect.microsoft.com/IE/feedback/details/819518/fixed-background-%20image-scrolling-issue


#8

@semenkov, @VladimirVitaliyevich, ребята, я нашла кое-что, но проверить не могу, нет Винды у меня сейчас под рукой.
Вот совет с одного из форумов


Here is a workaround (tested on Windows 8.1):

Move the "background" CSS property to the BODY element. Currently it is on the DIV element with id="filler". Here is example of resulting CSS:

    body {
        font-family: Helvetica, Arial, sans-serif;
        background: #fff url(blue-kitty.jpg) no-repeat fixed center 100px;
    }

#filler {
    text-align: center;
}

#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.