Img类与图像bg删除边框

Question

我有一个带有背景图像的img类，我在它上面有一个不寻常的灰色边框。 我想删除边框但有边框：0px无法解决问题。

我提供了一个复制我的工作的小提琴。 在这里小提琴

 .facebook { background: url(http://dev.truewarpit.com/play/wp-content/themes/FoundationPress-master/img/icons/facebook.png); background-size: 50px 50px; border: 0px; width: 50px; height: 50px; } 

 <img class="facebook" alt="Facebook Logo" /> 

Answer 1

当您使用img元素并将src属性设置为不存在或不具有src的内容时，它将显示为默认边框。 只需使用src属性：

 .facebook { width: 50px; height: 50px; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .facebook:hover { opacity: 0.2; filter: alpha(opacity=20); } 

 <img class="facebook" alt="Facebook Logo" src="http://dev.truewarpit.com/play/wp-content/themes/FoundationPress-master/img/icons/facebook.png" />