CSS图像边框删除

Question

我只是试着解决这个问题，因为3个小时。

CSS：

.default-img > img {
    height: 100px;
    width: 100%;
    background: url('bg.png');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border: 10px solid black;
}

我有一个白色＆＃34;边境＆＃34; Image标签中的（内部边框？）我无法将其删除。 手动设置黑色边框以显示问题，红色内容是包含的图像。

如何从img标签中删除白色内边框

Answer 1

• 打开图像编辑软件。重新裁剪/重新保存源图像 从'import sys from PyQt4.QtCore import * from PyQt4.QtGui import * def window(): app = QApplication(sys.argv) win = QWidget() l1 = QLabel("Name") nm = QLineEdit() l2 = QLabel("Address") add1 = QLineEdit() add2 = QLineEdit() fbox = QFormLayout() fbox.addRow(l1, nm) vbox = QVBoxLayout() vbox.addWidget(add1) vbox.addWidget(add2) fbox.addRow(l2, vbox) hbox = QHBoxLayout() r1 = QRadioButton("Male") r2 = QRadioButton("Female") hbox.addWidget(r1) hbox.addWidget(r2) hbox.addStretch() fbox.addRow(QLabel("sex"), hbox) fbox.addRow(QPushButton("Submit"), QPushButton("Cancel")) win.setLayout(fbox) win.setWindowTitle("PyQt") win.show() sys.exit(app.exec_()) '背景渲染 属性。所以，'background: url('bg.png');'。
• 如果你不想在上面做，你可以做的另一件事。嵌套另一个 在您的初始bg.png <div>附近.default-img并设置 高度和宽度裁剪出白色。确保设置属性 <div>
• 在一些罕见的情况下，可以在周围诱发白线或（轮廓） 元素作为浏览器的怪癖。跨浏览器测试您的元素（和 如果它是某种浏览器，那么甚至可能是设备） 具体。然后定位该浏览器并删除。 ie。 overflow:hidden;

希望这有帮助，g'luck！

Answer 2

图像本身是否存在白色边框，而不是css？查看黑色背景上的文件并检查。

Answer 3

看起来你在100％处显示两个图像，包括源图像和背景图像。你需要背景图片吗？这会导致白线吗？