Как Apple позиционирует свое слайд-шоу внутри рамки с фиксированным положением? - PullRequest
2 голосов
/ 01 января 2012

См. страницу iPhone для примера того, о чем я говорю.

Apple размещает слайд-шоу в оболочке:

<div id="wrapper">
    <div id="clip">
        <!-- Slideshow here -->
    </div>

    ...
</div>

Вот CSSдля обертки.

#wrapper {
    height: 758px;
    margin: 0 auto;
    width: 980px;
}

Однако, просматривая документ с помощью Firebug, я обнаружил, что его слайд-шоу намного больше, но его все же удается отобразить без полос прокрутки.Как это сделать?

Вот CSS для слайд-шоу:

#clip {
    background: url("http://images.apple.com/v/iphone/home/b/images/shadow_down.png") no-repeat scroll 50% 0 #FFFFFF;
    margin: 1px -400px 3px;
    overflow: hidden;
    padding-top: 4px;
    width: 1780px;
}

Ответы [ 2 ]

1 голос
/ 01 января 2012

overflow: hidden скроет полосы прокрутки.

0 голосов
/ 01 января 2012

Это свойство overflow со значением hidden.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...