Question

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

我提供了一个复制我的工作的小提琴。小提琴Here

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

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" />

Img类与图像bg删除边框

1 个答案: