CSS Circle不使用背景

Question

我试图仅使用css创建一个圆圈。我使用以下内容完成了此操作：

  border-radius: 50%;
  background: #f5f5f5;
  transition: all 0s ease-in-out;
  box-shadow: 0 0 3px gray;

我创造了一个小提琴：https://jsfiddle.net/rg991koa/11/

我基本上试图onClick添加图片，但我的background-image没有在圈内显示，我认为这是由于我使用background颜色在我的元素上。

Answer 1

将background-image更改为background

.myNewClass {
  background: url(http://static4.wikia.nocookie.net/__cb20131121214007/destinypedia/images/7/71/Information_Icon.svg) no-repeat;
  background-size:100%;
}

https://jsfiddle.net/rg991koa/21/