如何设置内联rails image_tag作为背景图片?

时间:2015-07-29 22:14:44

标签: css ruby-on-rails css3 ruby-on-rails-4

 =image_tag "#{user.image}", :class => "user-photo"

上面的代码设置了图像,但我希望所有图像都是圆形的。如果用户上传尺寸错误的照片,则将边框半径设置为50%会生成椭圆形照片,而不是圆形照片。

我在想如果我可以将插值图像内联设置为背景图像,那么我可以将它们全部设为圆形。

1 个答案:

答案 0 :(得分:0)

.circular {
    width: 300px;
    height: 300px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background: url(http://link-to-your/image.jpg) no-repeat;
}

http://bavotasan.com/2011/circular-images-with-css3/