Question

我使用了所有这些：

1. body{ background-image: url('example.png') background-repeat: repeat;
2. body{ background-image: url('assets/example.png') background-repeat: repeat;
3. body{ background-image: url(<%= asset_path 'example.png') background-repeat: repeat;
4. body{ background-image: image-url(<%= asset_path 'example.png' %>) background-repeat: repeat;
5. body{ background-image: image-url('example.png') background-repeat:repeat;
6. body{ background-image: image-url('assets/example.png') background-repeat:repeat;

run assets:precompile

不能全部工作，如何解决这个问题，为什么不工作？

Answer 1

Number 5最接近正确的语法。是因为你没有用分号终止你的第一个CSS规则吗？

body{ 
  background-image: image-url('example.png');
  background-repeat:repeat;
}

这应该有用 - 注意背景图像行末尾的分号。

或者，将它们合并为一个规则：

body{ 
  background: image-url('example.png') repeat;
}

Ruby on Rails css background-image无效

1 个答案: