Оставлено место, где div находится в html, но позиция наложения не

Question

Оставлено место, где div находится в html, но позиция наложения не

0

Просто интересно, как избавиться от пространства над слайдером. Пространство в точности равно тому, сколько высоты для изображения. Пожалуйста помоги! Я думал, что переполнение скрывается, но это, похоже, не работает.

Благодарю!

HTML

<div class="overlayImage"></div>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/collin-banner.jpg" data-thumb="Images/Slider/christmas_concert_slider.jpg" alt="" />
<img src="images/toystory.jpg" data-thumb="Images/Slider/join-the-chorus.jpg" alt="" />                                 
<img src="images/up.jpg" data-thumb="Images/Slider/book-the-chorus.jpg" alt="" />
<img src="images/walle.jpg" data-thumb="Images/Slider/ways-you-can-give.jpg" alt="" />                              
</div><!-- end slider --->                      
</div><!--- End slider-wrapper theme-default--->

CSS:

.overlayImage {
    z-index: 999;
    background-image: url(../images/logo-overlay.png);
    background-position: center;
    position: relative;
    margin: 0 auto;
    background-size: 484px 185px;
    width: 484px;
    height: 185px;
    top: 320px;
    overflow:hidden;
}

Garrett Sanderson 04 янв. 2014, в 11:11

Источник

Теги:

html

css

image

overlay

1 ответ

Ещё вопросы

Sajad Karuthedath · Answer 1 · 2014-01-04T06-54-00.000Z

Рабочий ДЕМО

.overlayImage {
    z-index: 999;
    background-image: url(../images/logo-overlay.png);
    background-position: center;
    position: absolute; //changed
    margin: 0 auto;
    background-size: 484px 185px;
    width: 484px;
    height: 185px;
    top: 0px;  //changed 
    overflow:hidden;
}

Перейдите по этой ссылке CSS POSITION PROPERTY, чтобы узнать больше

Это близко Единственная проблема в том, что теперь, если я использую атрибуты Top и Left для центрирования, он не будет центрироваться для всех размеров разрешения. Как я могу сделать так, чтобы это было по центру, несмотря на то, что это пространство вверху не показывалось?