我想用CSS代替img src。
<img id="logo" alt="logo" src="/Layout/Custom/Images/logo.png">
我的css文件如下：
#logo {
content: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='chevron-square-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cg%3E%3Cpath fill='black' opacity='0.2' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-95.51 325.57a24 24 0 0 1 0 33.95l-17 17a24 24 0 0 1-33.95 0L118.06 273a24 24 0 0 1 0-33.94l135.51-135.54a24 24 0 0 1 33.95 0l17 17a24 24 0 0 1 0 33.94L202.91 256z'%3E%3C/path%3E%3Cpath fill='white' d='M118.06 239l135.51-135.48a24 24 0 0 1 33.95 0l17 17a24 24 0 0 1 0 33.94L202.91 256l101.58 101.57a24 24 0 0 1 0 33.95l-17 17a24 24 0 0 1-33.95 0L118.06 273a24 24 0 0 1 0-34z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
在Safari，Google Chrome，Opera等中运行正常。但不是在Firefox中。