html - 如何在 css 中去除图像周围的边框？

Question

当鼠标光标位于帮助图标上时，我尝试显示一个跨度。

虽然可以，但我还是没能去掉图标周围的边框。

我的 CSS:

.info{
    position:absolute;
    border:none;
}

a.info{
    position:absolute; 
    z-index:24; 
    background:none;
    color:#000;
    text-decoration:none
}

a.info:hover{
    z-index:25; 
    background-color:#FFF;
    cursor:help;
}

a.info span{
    display: none
}

a.info:hover span{ 
    display:block; 
    position:absolute;
    cursor:help;
    bottom:0px; 
    left:26px; 
    width:150px;
    padding:4px;
}

光盘

Answer 1

另一件事 - 请记住，如果您有一个带有 empty src 属性的 an，那么这些建议都不起作用，边框会仍然显示。

<img src="" style="width:30px;height:30px;">