html - firefox 在黑框中显示图像

Question

我有 2 个链接图像，当我在 safari 或 chrome 中打开我的网站时，它们工作正常，但当我用 firefox 打开它时，图像是黑色轮廓。

你可以在这里看到:http://cl.ly/3c0G0W1F1T1Y1e3I0K08

html代码是:

<div id="buy"><a href="http://stackoverflow.com"><img {border: none;} src="img/buy.png" /></a></div>

和

<div id="support"><a href="mailto:mail@mail.com"><img {border: none;} src="img/contact.png" /></a></div>

css代码是:

#buy {
position: absolute;
width: 153px;
height: 50px;
margin-left: 750px;
margin-top: 370px;
}

和

#support {
width: 200px;
height: 55px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
} d d

问题出在哪里？还是不行

Answer 1

试试这个 CSS 属性

a img{border: none;}