html - div 的背景 url

Question

使用这些样式和此 html，背景 url 中指定的图像不会显示。可能是什么问题呢？网址是正确的。

<style>
    .copy_tool {
    width: 17px;
    height: 15px;
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    background: url("/images/copy_tool.png") no-repeat;
    cursor: pointer;
    background-color: lightgrey;
    }

    .print_tool {
    width: 17px;
    height: 15px;
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    background: url("/images/print_tool.png") no-repeat;
    cursor: pointer;
    background-color: lightgrey;
    }

</style>

<div class="toolbox">
    <div id="copy_readfe" class="copy_tool" title="Copy"></div>&nbsp;&nbsp; 
    <div id="print_readfe" class="print_tool" title="Print" onclick="print_element('div_readfe');"></div>
</div>

Answer 1

正如这个 jsfiddle 所证明的那样，css 和 html 是正确的。由于某种内部问题，您的路径很可能已损坏或您的图像未显示。

但是，您的标记可以像本示例中那样做得更好（删除多余的 css），或者在本示例中做得更好（转换为 ul li 设置）。

参考

• 背景图片