いつもお世話になっております。
現在Railsでウェブページを作成しております。
CSSに#test以下を記述しアセットをプリコンパイルするとボタンに対しきちんとlogin.png画像を表示できるのですが、この記述をshow.html.erbの<style>~</style>間に記述した場合に画像が表示されなくなってしまいます。
background: url(login.png) no-repeat;
部分が正しく動いていないように思えるのですが、<style>~</style>間に記述した場合に画像を正しく表示するにはどのようにすればよいのでしょうか。
ご教示いただけますと幸いです。
よろしくお願いいたします。
Ruby
1#show.html.erb 2 3<%= form_with(model: @userinfo, local: true, html: {id: 'inform_save', class: 'form', autocomplete: 'off'}) do |f| %> 4 <%= f.submit '', id: 'test' %> 5<% end %> 6 7 8#css側 9#test { 10width: 166px; 11 height: 55px; 12 bottom: 0; 13 padding:0; 14 margin:0; 15 background:none; 16 border:0; 17 font-size:0; 18 line-height:0; 19 cursor:pointer; 20 background: url('login.png') no-repeat; 21 background-size: contain; 22} 23 24
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。