Я нахожусь в процессе разработки приложения с использованием загрузки Vaadin / Spring, и мне удалось установить фон моего приложения, используя следующий CSS, расположенный в файле styles.scss (в myTheme согласно Vaadin):
.backgroundImage{
background: url("img/background4.png") ;
min-height: 100%;
width: 100%;
position: fixed;
top:0;
left: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
, который делает то, что говорит на банке, устанавливает фоновое изображение.Моя проблема в том, что из-за этого страница больше не может прокручиваться, вот изображение одной из моих форм: 
.
Кто-нибудь знает, где я иду не так?Вот?Кроме того, я действительно хочу установить этот фон в качестве фона по умолчанию для моего приложения.Может кто-нибудь посоветовать, как это сделать?
Я изменил CSS, чтобы прочитать:
.backgroundImage{
background: url("img/background4.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
, как указано Мо, но теперь я получаю 37-пиксельный отступ?конструктор класса выглядит следующим образом:
public AddEmployeeView() {
GridLayout grid = new GridLayout(3,2);
setSizeFull();
setStyleName("backgroundImage");
setMargin(false);
setDefaultComponentAlignment(MIDDLE_CENTER);
addComponent(aUI.getHeader());
header.addStyleName("h2");
addComponent(header);
Panel topleft = topLeftAndBottom();
Panel topright = topRight();
grid.setSizeUndefined();
grid.addComponent(topleft,0,0,0,1);
grid.addComponent(topright,1,0,1,1);
addComponents(grid,generateButtons());
}
