Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/58.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在rails中使用背景图像_Css_Ruby On Rails - Fatal编程技术网

Css 在rails中使用背景图像

Css 在rails中使用背景图像,css,ruby-on-rails,Css,Ruby On Rails,我似乎无法让rails识别需要用作背景的图像。我尝试的最后一件事是将css文件layout.css.scss重命名为layout.css.scss.erb,以便可以使用资产路径帮助器,但它不起作用。映像位于app/assets/images目录中。layout.css.scss.erb位于app/assets/stylesheets目录中。css样式为:背景图像:url();它位于layout.css.scss.erb文件末尾附近。我发布了整个文件以及显示图像的部分文件。请帮忙 //layou

我似乎无法让rails识别需要用作背景的图像。我尝试的最后一件事是将css文件layout.css.scss重命名为layout.css.scss.erb,以便可以使用资产路径帮助器,但它不起作用。映像位于app/assets/images目录中。layout.css.scss.erb位于app/assets/stylesheets目录中。css样式为:背景图像:url();它位于layout.css.scss.erb文件末尾附近。我发布了整个文件以及显示图像的部分文件。请帮忙

//layouts.css.scss.erb
@输入“颜色”;
页眉#页眉{
字体系列:'Lobster',草书;
颜色:$secondary color;
背景:原色;
边界半径:5px;
填充物:5px;
h1{
文本对齐:居中;
文本转换:大写;
}
}
页脚#页脚{
边缘顶部:10px;
字体大小:粗体;
文本对齐:居中;
边界半径:5px;
填充物:5px;
颜色:$secondary color;
背景:原色;
}
旁白#页面侧边栏
{
a:链接
{
颜色:黑色;
}
a:参观了
{
颜色:黑色;
}
a:悬停
{
颜色:#FFA68F;
}
字体大小:粗体;
边缘顶部:5px;
边界半径:5px;
浮动:对;
背景:原色;
宽度:244px;
}
旁白:形象
{
背景图片:url();
宽度:244px;
边界半径:5px;
边缘顶部:5px;
明确:两者皆有;
浮动:对;
}
//_jolie.html.erb
它应该可以工作:

  • 您是否使用最新的gems sass导轨和链轮

  • 尝试将.css.scss重命名为.scss

  • 尝试将映像路径('Jolie2.jpg')替换为 资产url('Jolie2.jpg',图像)或图像url('Jolie2.jpg')


  • 我通过指定css height:属性解决了这个问题。谢谢你的建议

    我的gem文件中没有“链轮轨道”。我把它放进去,运行包安装,并尝试了你的建议,但没有运气。这是我的gemfile:source“gem”rails、“4.1.9”gem“sqlite3”gem“sass rails”、“~>4.0.3”gem“uglifier”、“>=1.3.0”gem“coffee rails”、“~>4.0.0”gem“sprockets rails”、:require=>“sprockets/railtie”jquery rails“gem”gem“turbolinks“jbuilder”、“~>2.0”gem“sdoc”、“~>0.0”,group::doc gem“spring”,我很高兴它能为你工作