html - 按钮拒绝播放的背景图像

Question

我遗漏了一些明显而简单的东西，但无论我多么用力地眯眼或盯着屏幕看，都看不到它。

我想使用图像作为背景或代替按钮。它不显示。

标记和CSS：

 #switch {
    background: url("../images/swap.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    padding-bottom: 2px;
    width: 75px;
}

<div class="conversionFormE" id="switch1">
     <label> &nbsp; </label>
     <input type="button" id="switch" name="switch" value="SWITCH!" onclick="switchUnits()"/>
</div>

谢谢你的帮助！

Answer 1

如果图像太大，它可能会被剪裁到您看不到的程度。尝试添加：

background-size:75px;

看看它是否出现。（注意 9 之前的 IE 不支持 background-size，所以如果你需要支持旧的 IE，最简单的解决方案是缩小图像文件。或者在 IE 中使用过滤器来缩小它）。