Rails Haml元素造型

时间:2012-08-12 12:24:11

标签: css ruby-on-rails styles haml

我的css中有一个自定义样式,用于我想要应用的背景图片:

.specialbg {

 background-image: url('http://i.imgur.com/XMuKF.jpg') no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

 }

我想在HAML中将此样式应用于我的body元素,但我不确定如何设置参数。我认为以下内容应该有效:

%html
 %head
  %body
   .specialbg

但事实并非如此。我已经阅读了haml样式参考手册,但看不出我错了 - 我刚刚采用了haml,我会感激任何帮助或指点!

Stack Q我已引用:

scaml "illegal nesting" error

Background images do not render on Ruby on Rails application

1 个答案:

答案 0 :(得分:2)

要将类添加到body元素,只需将类附加到标记,如下所示:

%html
  %head
  %body.specialbg

在您的示例中可能是一个拼写错误,但是您的示例设置方式,您将身体标记放在标题

如果您将.specialbg类放在自己的行上,它会在您的body标记内部创建一个div class='specialbg'