Question

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

<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

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

但是，您可以更好地完成标记，例如this example（删除多余的css）或更好的this example（转换为ul li设置）。

<强>参考

background-image

div的背景网址

1 个答案: