css - 将图像设置为选择标签的背景

Question

这是CSS部分：

#selectTagId{
    background-color: transparent;
    color: white;
    background-image: url('images/img01.jpg');
    background-position: right;
    overflow: hidden;
}

图片路径正确。但是没有显示图像。相反，背景是白色的？呃呃呃这个怎么解决？

Answer 1

对我来说，它适用于绝对 img 路径。见http://jsfiddle.net/9qf59/2/

请记住，css 中的相对路径可能会导致一些奇怪的效果。它们是相对于 css 文件的，而不是文档。

Answer 2

您是否将此样式应用于 div？如果是这样，您必须指定该 div 的宽度和高度：

#selectTagId{
  background-color: transparent;
  color: white;
  background-image: url('images/img01.jpg');
  background-position: right;
  overflow: hidden;
  width: 200px;
  height: 200px;
}