html - <a> 标签如果为空则不显示

Question

下面的PHP echo语句的标签如果为空则不会被浏览器显示。在 IE9 上找到这个。

echo ' <div id="'.$url['ID'].'" class="link"> '
    .'<img class="link_handle" src="http://www.google.com/s2/favicons?domain='.$urlico.'" align="middle" />'
    .'&nbsp;'
    .'<a href="'.$url->URL.'" target="_blank" onmouseOver="preview_link(\'show\', this, \''.$node['ID'].'\');" onmouseOut="preview_link(\'hide\', this, \''.$node['ID'].'\');" >'.$url->TITLE.'</a> '
    .'<a href="#" title="Edit" class="link_button_edit" onClick=""> </a>'
    .'<a href="#" title="Delete" class="link_button_delete" onClick="delete_link(\''.$url['ID'].'\');"> </a> '
    .'</div>';

最后两个标签用于图像。除非我在 <a> </a> 中有文本，否则它们将被忽略.为什么会这样。

图像是在这些 CSS 样式中定义的。

.link .link_button_edit {
   background: url("/icodeact/Edit16.png") no-repeat;
   background-size: 50%;
   cursor: pointer;
   vertical-align: bottom;
}
.link .link_button_delete {
   background: url("/icodeact/Delete16.png") no-repeat;
   background-size: 50%;
   cursor: pointer;
   vertical-align: bottom;
}

为什么会这样？

Answer 1

<a>默认情况下，标记的“显示”值为“内联”，因此如果它没有内容，则不应显示任何内容。

如果你想让它显示背景图像，你应该把它做成一个 block 并给它尺寸(宽度和高度)。那应该可以解决您的问题...