Есть идеи, почему этот код не будет работать? тело> * - PullRequest
Новая
       8

Есть идеи, почему этот код не будет работать? тело> *

1 голос
/ 25 апреля 2011

Я использую jqtouch для создания мобильного сайта.Я также реализую слайдер изображений галереи на веб-сайте, однако, когда галерея размещена там, где она мне нужна (в промежутке между <div id="project_name" class="page"></div>, изображения не будут отображаться.

После нескольких часов работы, удаление отображения: нет; из правила jqtouch.css: 

body > * {
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
    min-height: 420px !important;
}

Заставляет галерею работать, но, очевидно, означает, что веб-сайт не работает. Любые идеи, почему это происходит, что делает тело> и как я могу с этим справиться?

Проект находится на http://djrb.co.uk/mobile/portfolio.php#home

Большое спасибо,

Rich

1 Ответ

1 голос
/ 25 апреля 2011

Селектор body > * соответствует любому элементу, который является потомком body. Правая угловая скобка - это дочерний селектор . Звезда соответствует любому элементу .

Возможно, вы захотите включить более конкретный селектор для вашей галереи div и применить соответствующие стили в отдельном блоке декларации. Примерно так: 

#project_name {
    /* properties */
}
...