2013-07-19 1 views
0

저는 레일즈 앱에서 트위터 부트 스트랩을 사용하여 프로세스 속도를 높이고 있습니다. 그러나 .well 클래스를 이미지 대신 색상으로 변경하려고하는데 올바른 변수를 찾지 못했습니다. 어쩌면 것레일즈 트위터 부트 스트랩이 이미지를 잘 배경으로 변경합니다.

@wellBackground: asset-url('path_to_file'); 

을 잘 생각 :

나는 시도 내가되고 싶은 곳

@wellBackgroundImage: asset-url('path_to_file'); 

도 저를 얻을 것으로 보인다. 어떤 도움을 주시면 감사하겠습니다.

그래서 나는 그것을 자신의 CSS 파일로 가져 왔지만 여전히 이미지를 얻지는 못하고 있습니다.

.well.sidebar-nav{ 
background: #C4C4C4 url('/app/assets/images/tweed.png') repeat-x top left ; 
color: #FFFFFF; 
} 

그러나 아직 백그라운드에서 이미지가 표시되지 않습니다. 아마 RoR 문제의 경로일까요?

답변

0

CSS 방식이 효과적입니다.

선택기 .well.sidebar-nar가 올바른지,이 div의 배경 스타일이 다른 곳에서 오는 것인지 다시 확인하십시오.

모든 것이 좋으면 tweed.png 파일의 경로가 잘못 되었기 때문일 수 있습니다. CSS 배경 이미지를 기억하십시오. 경로는 웹 사이트 루트에 상대적인 것이 아니라 CSS 파일에 대한 상대 경로입니다.

working example

행운을 빕니다!

+0

네, 아마도 경로 문제 일지 모르지만 RoR 앱에서 경로를 얻는 것과 관련이 있다고 생각합니다. 표준 HTML 사이트에서는이 문제가 발생하지 않았습니다. 귀하의 의견을 주셔서 감사합니다. :) – tattooedgeek

+0

Chrome/Safari에서 오류 콘솔 또는 웹 속성을 사용해 보셨나요? –

관련 문제