레일 - 인라인 CSS

그래서 내 앱에 대한 사용자 프로필 페이지를 만들고 있습니다. 그러나 사용자의 아바타에 흰색 상자 그림자가 삽입되기를 원합니다. 그러므로 <img />을 사용하는 것은 삽입 그림자를 지원하지 않기 때문에 (또는 적어도 Chrome에는 포함되지 않음) 옵션이 아닙니다. 대신 이미지를 설정하기 위해 일부 인라인 CSS와 함께 <div>을 사용하고 있습니다. 여기에 내가 원하는 것은 있지만 물론 작동하지 않을 것입니다.레일 - 인라인 CSS

<div id="avatar" style="background: <%= @person.avatar %>"></div>

사람은 이러한 작업을 수행하기위한 올바른 방향으로 날 지점 수 있습니까?

출처

2011-08-03 Jordan Adams

avatar은 (는) 이미지의 실제 URL입니다. 이 경우 :

<div id="avatar" style="background-image: url('<%= current_person.avatar %>')"></div>

는 width 및 height는 CSS에서 이미지의 크기와 일치하는지 확인하십시오.

출처

2011-08-03 23:01:44

아 그래, 난 그냥 <%= ... %> 감사에서 = 누락되었다 :) –

이 꽤 잘 작동합니다

<div id="avatar" style="background:url(<%= current_person.avatar %>) no-repeat;" width="<%= User.AVATAR_WIDTH %>" height="<%= User.AVATAR_HEIGHT %>"></div>

User.AVATAR_WIDTH 및 User.AVATAR_HEIGHT 같은 것을로 app/models/user.rb에 정의해야합니다

class User 
    AVATAR_WIDTH = 250 
    AVATAR_HEIGHT = 250 
end

출처

2011-08-03 23:05:02

레일 - 인라인 CSS

답변

관련 문제