=image_tag "#{user.image}", :class => "user-photo"
上面的代码设置了图像,但我希望所有图像都是圆形的。如果用户上传尺寸错误的照片,则将边框半径设置为50%会生成椭圆形照片,而不是圆形照片。
我在想如果我可以将插值图像内联设置为背景图像,那么我可以将它们全部设为圆形。
答案 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;
}