ruby-on-rails - Rails-内联CSS

因此，我正在为我的应用创建一个用户个人资料页面。但是我希望用户的头像有一个嵌入的白色方框阴影。因此，不能使用<img />，因为它不支持嵌入阴影（或至少在Chrome中不支持）。因此，相反，我使用带有一些嵌入式CSS的<div>来设置图像。这是我想要的，但是它当然行不通。

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

谁能指出我这样做的正确方向？

最佳答案

avatar是图像的实际URL吗？在这种情况下：

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

确保width和height与CSS中的图像尺寸匹配。

关于ruby-on-rails - Rails-内联CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6934301/