html/css 添加圖片

通過img.src添加圖片

添加一個img元素，設置content，會發現在IE、safari等瀏覽器內顯示為空白。

一般我們使用img，是通過src來設置的，可以通過react的import圖片添加。

<img className="headerMenuEntryImg" src={MenuEntryImg}/>

通過background-image以背景來添加圖片

先添加一個img元素：

 <img className="headerMenuEntryImg" />

通過css添加背景：

  .headerMenuEntryImg {
    height: 24px;
    width: 24px;
    background-image: url(../../images/更多.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }

效果：設置圖片背景background-image，顯示有白邊

原因：因為沒有給img設置content或者src，瀏覽器理解為沒有圖片

解決：設置background-imgage，標簽不用img，可以用div等。