无论文件类型如何,都链接图像

Question

我现在正在建立一个小网站,用户可以上传他们自己的个人资料图片,但很明显一些用户图片将是png和一些jpeg,有人知道无论如何能够接受两者在css中使用图像作为背景图像.这是我的HTML:

<div class='avatar' style='background-image: url('users/avatars/$username.jpg')'></div>

在users/avatars /文件夹中,每个用户的个人资料图片都是这样命名的:"username.jpg"或"username.png".

这是我的问题的一个例子:http://cl.ly/image/3W311S2v0v0t

第一个帖子加载用户个人资料图片,因为它是一个jpeg,但第二个帖子没有加载个人资料图片,因为它是一个png.

提前致谢.

Answer 1

你可以在CSS中这样做:

background-image: url('users/avatars/$username.jpg'), url('users/avatars/$username.png');