image overlay in RoR

Question

Я хочу наложить одно изображение поверх другого в RoR.

Это в простом HTML легко (от https://stackoverflow.com/a/1997397/1760830):

<div style="position: relative; left: 0; top: 0;"> 
    <img src="a.jpg" style="position: relative; top: 0; left: 0;"/> 
    <img src="b.jpg" style="position: absolute; top: 30; left: 70;"/> 
</div> 

Этот код работает для меня, когда я положил его в отдельный file.html. Тогда в Rails я:

<div style="position: relative; left: 0; top: 0"> 
    <%= image_tag "a.jpg", :style => "position:relative; top:0; left:0;" %> 
    <%= image_tag "b.jpg", :style => "position:absolute; top:30; left:70; 
            border:thick solid blue;" %> 
</div> 

но отображается второе изображение рядом с первым, без смещения. Вторая граница изображения добавляется в код, чтобы проверить, действительно ли стиль передан.

Любые идеи, почему версия Rails не работает?

рубин 1.9.3, рельсы 3.2

Answer 1

, потому что код, который вы скопировали ставит второе изображение рядом с первым.

попробовать что:

<div style="position: relative; left: 0; top: 0;"> 
    <img src="a.jpg" style="position: relative; top: 0px; left: 0px;"/> 
    <img src="b.jpg" style="position: absolute; top: 30px; left: 70px;"/> 
</div> 

образец есть: http://fiddle.jshell.net/hmfzN/1/

добавить точек и что скалы.

средства в рельсах/ERB:

<div style="position: relative; left: 0; top: 0"> 
    <%= image_tag "a.jpg", :style => "position:relative; top:0px; left:0px;" %> 
    <%= image_tag "b.jpg", :style => "position:absolute; top:30px; left:70px; border:thick solid blue;" %> 
</div>