html - 无法在CSS中隐藏图像边框

<分区>

在 CSS 中隐藏图像边框存在问题:

enter image description here

标志是<img> - 标签，在 main <div> 内，我正在设置边框值:

#map-logo {
    border: none;
...
}

到<img>对象，但边框可见，如何在 CSS 中修复此问题？

代码和实例:

http://jsfiddle.net/XCdbc/

<html>
    <head>
    <title></title>
    <style type="text/css">

    body {
        background-color: #ff0000;
    }

    #map-control {
        width: 177px;
        height: 178px;
        background-image: url( 'http://s30.postimg.org/96b366cxp/image.png' );
    }

    #map-logo {
        border: none;
        margin: 0px;
        padding: 0px;
        width: 85px;
        height: 85px;
        background-image: url( 'http://s30.postimg.org/is4nmh43h/image.png' );
    }

    </style>
    </head>
    <body>
        <div id="map-control">
            <img id="map-logo" />
        </div>
    </body>
</html>

最佳答案

代码 border: none 无效。

应该是border: 0

[注意]
严格来说，它应该是 border-width: 0，因为 border 是 border-width、border-style 的简写和 border-color)

关于html - 无法在CSS中隐藏图像边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23988472/