Кросс-браузерный метод для скрытия элементов страницы до тех пор, пока не будет загружен весь контент, чтобы предотвратить появление разрыва макета во время загрузки? - PullRequest
0 голосов
/ 13 января 2011

У меня проблема с тем, что из-за того, что некоторые элементы загружаются быстрее других, при запуске страница выглядит разбитой на несколько секунд. Примером является поведение CSS Pie, которое позволяет мне делать изогнутые углы в IE, оно появляется до того, как оно становится изогнутым, что выглядит плохо. Что было бы идеально, если бы он каким-то образом знал, когда все загружается, а затем появляется все сразу, возможно, включая некоторый изящный визуальный способ не заставить пользователя чувствовать себя нетерпеливым ... какие-нибудь идеи или общие приемы для этого?

1 Ответ

1 голос
/ 13 января 2011

Вы можете добавить класс css к тегу <body> по умолчанию и использовать некоторый JavaScript для удаления этого класса css после загрузки страницы?

<body class="notready" onload="this.className = '';">
</body>

с некоторыми классами CSS, определенными, чтобы скрыть то, что вы пока не хотите показывать:

body.notready .myclassname { display: none; }
...