레일즈를 사용하면 HTML 파일에서 이미지 태그 도우미를 사용할 수 있지만 이미지를 CSS 파일에 포함시키는 방법은 무엇입니까? 나는에서 URL을 교체 시도했다 :레일 이미지 태그 도우미
background:url('/assets/img/banners/img3.jpg')
에 ...
background:url(<%= image_tag "banners/img3.jpg" %>)
하지만이 작동하지 않습니다. 작동하게하려면 내 css 파일의 확장자를 변경해야합니까?
CSS에 도우미가 없으니 좋습니다. 수동으로 경로를 지정할 수 있으며 항상 작동합니다.
또한 경로는 HTML 문서가 아닌 스타일 시트 자체를 기준으로합니다.
예, CSS의 끝에는 erb 확장자가 있어야합니다. 예 : style.css.erb. 당신은 같은 자산 부하 경로 중 하나에 이미지를 가지고 자산 파이프 라인이 자동으로 인해 예 extension.n erb 파일에 ERB을 평가하기 때문에이 작동
.class { background-image: url(<%= asset_path 'image.png' %>) }
이, 그것은 감각을 만들 것 할 수 app/assets/images/image.png을 참조하십시오. 이 이미지가 이미 public/assets에서 지문 파일로 사용 가능한 경우 해당 경로가 참조됩니다.
하지만 우리가 .scss를 사용하지 않는다면 .css –
이 경우 filename은'style.css.scss.erb'와 같을 것입니다. 마지막에'erb'를 추가하여'asset_path' 태그가 먼저 처리되도록하십시오. – CuriousMind
에서 첫 번째 정답으로 간단하게 표시했습니다. 건배 – tommyd456