为什么我的横幅尺寸仍然很大？

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;