爲什麼我的橫幅尺寸仍然很大？

Question

我試圖減少橫幅的總大小：我已經將圖片的大小縮小到50％，但仍然存在不會改變的白色背景。我不想要它，或者想讓它與圖片尺寸相同，因爲它現在太大了。以下是我的html代碼：

<section id="banner"></section> 

而且下面的CSS：

#banner { 
    background-image:url('../images/banner-2.png'); 
    background-position: center center; 
    background-size: 100% 50%; 
    background-repeat:no-repeat; 
    color: #ffffff; 
    padding: 14em 3em 14em; 
    text-align: center;} 

以下是我的小提琴：http://jsfiddle.net/dexoey/vtdscvxk/

在這裏你可以看到，額外的白色背景的外觀：http://imgur.com/nnvbri3

Answer 1

看起來像padding是什麼導致你的麻煩。儘量減少它：

padding: 10em 3em 10em;