瓦丁瓦洛背景图片答案

【问题标题】：Vaadin valo background image瓦丁瓦洛背景图片
【发布时间】：2016-07-21 00:43:21
【问题描述】：

mytheme.scss 文件：

@import "../valo/valo.scss";

@mixin mytheme {

 @include valo;  
 background-image: url("img/light-background.jpg");
  }

我的图片在 ...VAADIN/themes/mytheme/img/light-background.jpg 中

哪里没有编译/运行错误，为什么图片不显示为背景？

【问题讨论】：

这里没有足够的信息来重现问题。这是与问题相关的整个代码吗？编译后的 CSS 是什么样的？你有看过吗？
在@cimmanon 的评论中添加更多问题：1) 您是否使用@Theme("mytheme") 注释了您的用户界面？ 2) 你的styles.scss 是什么样的？

【解决方案1】：

编辑：在提供更多详细信息之前暂停。

尝试将其设置为 UI 生成的 div 的背景图片：

@mixin mytheme {
  @include valo;

  .v-ui {
     background-image: url("img/light-background.jpg");
  }
}

【讨论】：

你甚至不知道OP是如何使用那个mixin的，你怎么知道这是解决方案？
@cimmanon 很好，因为这个问题也被标记为Vaadin，我试过了......我可能错过了你的意思吗？！
你怎么知道 OP 不包括类中的 mixin？你怎么知道问题是OP根本没有调用mixin？这里显然没有足够的信息来重现问题。
@cimmanon 通常我会同意你的观点，但是描述表明 Vaadin 主题具有特定的设置和用法，因此，我不排除错误的可能性，但我认为我有足够的信息寻求答案。如果您有其他想法或有其他疑问，请告诉我。
Vaadin 在这里没有魔法。正如 OP 所声称的那样，此处提供的代码在没有错误的情况下编译的唯一方法是，如果在选择器内部调用了 mixin，或者他们根本没有调用 mixin。也可能有许多其他原因导致背景图像没有出现（元素没有高度，图像不存在，HTML 中有错字，他们使用了错误的选择器等）