2015-08-24 80 views
1

我使用LESS与引导并试图创建一个简单的渐变,但如果我在身体标签上使用它,我会得到像这个图像一样破碎的渐变。Bootstrap:渐变不填充整个页面

http://i.imgur.com/nIyOeQY.png

,如果我的HTML标签我得到这样的图像使用它(它的股利和部分标签后开始)

http://i.imgur.com/OSe3Qt3.png

下面是代码:

.bg_gradient(@start-color: @color-grad-top, @end-color: @color-grad-bot) { 
background-color:@start-color; 
background: -webkit-linear-gradient(@start-color, @end-color); 
background: -o-linear-gradient(@start-color, @end-color); 
background: -moz-linear-gradient(@start-color, @end-color); 
background: linear-gradient(@start-color, @end-color); 
} 


html { 
height: 100%; 
.bg_gradient(@color-grad-top, @color-grad-bot); 
} 

我在做什么错?谢谢你的帮助。

+1

您可能也想要发布您的HTML。 – potatopeelings

+0

@potatopeelings HTML是默认引导程序。其简单的'

' – Zinox

回答

0

我想我可能已经找到了解决办法,我加入了梯度的HTML标记,并取得了body标签的背景色的RGBA使其透明。这样梯度填充背景。