Question

我的css似乎对我的vaadin项目很有趣，它实现了不同的视图。基本上我的登录视图是加载的第一个视图，它具有不同的页面元素，例如布局，面板和几个按钮等嵌套在布局内部。我使用setStyleName来命名每个单独的组件，并按照我想要的方式设置它们。我的问题是，我已将整个布局设置为xx（示例）样式并设置背景颜色。但是当我运行项目时，它返回正确的背景，但其他组件的其余样式元素都没有呈现。不确定为什么？

这是我的CSS：

＆＃13;

 .bgstyle1 {
     
/*      background-image: url('http://oi62.tinypic.com/4kczut.jpg');*/
/*      background-image: url("http://oi62.tinypic.com/4kczut.jpg");*/
      background-color: #000064;
      position: relative;
  }
  
  
  .welcomestyle1 {
    font-size: 80px;
    font-weight: lighter;
    font-family: “Century Gothic”, CenturyGothic, AppleGothic, sans-serif;
    color: rgb(236,240,241);
    vertical-align: middle;
    margin-left: 100px;
    margin-top: 50px;
    position: fixed;
  }
  
  .subhead1 {
      background-color: rgba(0,0,0,0) !important;
      margin-left: 100px !important;
      margin-top: 50px !important;
      font-family: “Century Gothic”, CenturyGothic, AppleGothic, sans-serif !important;
      font-size: 20px;
      font-weight: lighter;
      color: rgb(236,240,241) !important;
      border: 0px solid !important;
      border-color: rgba(0,0,0,0) !important;
      -webkit-box-shadow: none !important;
       box-shadow: none !important;

＆＃13;

我的部分代码：

 private VerticalLayout buildUI() {
            layout = new VerticalLayout();
    layout.setImmediate(true);
    layout.setSizeFull();
    layout.setStyleName("bgstyle1");


            pnl = buildpnl();
            welcome = new Label();
            welcome.setValue("Welcome to travel");
    welcome.setStyleName("welcomestyle1");
    welcome.setVisible(true);

CSS并没有使用Vaadin的Java导航器

0 个答案: